display
块级：block， list-item， table行内：inline， inline-table， inline-block
dispaly'
value: inline | block | list-item | inline-block | table | inline-table | table-row | table-cell | none | inherit
Initial: inline
Applies to: all elements
Inherited: no不继承
font
font-size：字体大小font-family：字体、宋体、微软雅黑、Arialfont-weight：字体粗度，常用的就是默认值regular和粗体boldline-height：行高以上元素都可以继承基于元素
body {
font: 12px/1.5 tahoma,arial,'Hiragino Sana GB','\5b8b\4f53',sans-serif;
}
p {
line:-height:1.5;
font-size: 14px;
font-family: 'Helvetica Neue',Arial,sans-serif;
font-weight: bold;
}
font-family
- 使用浏览器打开页面时，浏览器会读取HTML文件进行解析渲染。当读到文字时会转换换成对应的unicode码（可以认为是世界上任意一种文字的特定编号）。再根据HTML里设置font-family（如过没有设置则使用浏览器默认设置）去查找电脑里（如果有自定义的@font-face，则加载对应字体文件）对应字体的字体文件。找到文件后根据unicode码去查找绘制外形，找到后绘制到页面上
font-family的写法
- 在css中设置字体时，直接写字体中文或英文名名称浏览器都能识别，直接写中文的情况下编码（CB2312、UTF-8等）不匹配时会产生乱码。保险的方式是将字体名称用Unicode来表示
- 宋体 | SimSun | \5b8b\4f53黑体 | SimHei | \9ED1\4F53微软雅黑 | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1
- 打开控制台
escape('微软雅黑')，把%u替换成\
Chrome最小字体
chrome默认字体大小16px，最小字体12px
文本
text-align: 文本对齐方式left、center、right、justifytext-indent: 文案第一行缩进距离text-decoration: none、underline、line-through、overlinetext-tranform: 改变文字大小写none、uppercase、lowercase、capitalizeword-spacing: 可以改变（单词）的标准间隔letter-spacing: 字母间隔修改的时字符或字母之间的间隔
单行文本溢出加_
.card > h3{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
单位
- px：固定单位
- 百分比（宽高？文字大小？line-height？position？）
- em：相对单位，相对与父元素字体大小
- rem：相对单位，相对于父元素字体大小
- vw：相对单位，1vw为屏幕宽度1%兼容性
隐藏or透明
opacity: 0;透明度为0，整体visibility: hidden; 和opacity: 0;类似display: none; 消失；不占用位置background-color: rgba(0, 0, 0, 0.2) 只是背景色透明
