第02阶段：css第二节第一天（CSS性质）
*css单位与文字排版
*标签的显示模式与display属性
模式：块元素、行内元素
display属性的值：none、inline、block、inline-block（行内块元素）
宽高 边距 独占行
行内元素 X 左右边距 不独占
块元素 √ 上下左右边距 独占
行内块元素 √ 左右边距 不独占
注意：行内元素不能设置宽高，只能通过内容将其撑开，设置了宽高不会影响行内元素的显示
*css颜色的显示格式
1、rgb格式或者是rgba格式
2、十六进制格式
3、命名颜色
*css长度单位
绝对长度：cm、mm、in（英寸）、pc（派卡）
相对长度单位：px、em（1em等于当前字体大小，如果当前字体是16px，则1em=16px）
*css字体样式属性
font-size
font-family
注意：各种字体间使用英文逗号隔开；中文字体需要加英文状态下的引号，英文字体一般不需要加引号；当需要设置英文字体时，英文字体名一般放在中文字体名之前；如果字体名中含有空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号；尽量使用系统默认的字体，保证在任何用户的浏览器中都能正常显示
重点：在设置中文字体时，直接写中文是可以的，但是在文件编码（UTF-8等）不匹配时，会产生乱码的错误。
解决方案：css直接使用Unicode编码来写字体名称，字体的Unicode编码可以通过 escape（中文字体名称）得到
*衬线体（serif）和非衬线体（sans-serif）
放在所有字体名后面，当前面的查找不到时，使用后面的线体
*font-weight：字体加粗
属性值：normal（400）、bold（700）、bolder、lighter、100~900，有继承性
*font-style：字体风格
用于定义字体风格，比如倾斜、斜体或正常字体
属性值：normal、 italic（浏览器会使用斜体的字体样式显示，如果没有，会显示正常的字体）、oblique（浏览器会让字体倾斜显示）
*font字体合写
font：字体样式 是否加粗 字体大小 字体类型
例如 font：oblique 700 20px “微软雅黑”；
注意：字体合写时必须保留font-size和font-family，否则字体合写不起作用
*letter-spacing：字间距
定义字符之间的距离，默认为normal
*word-spacing：单词间距
定义英文单词之间的距离，对中文字符无效
注意：word-spacing和letter-spacing均可对英文进行设置，不同的是letter-spacing定义的是英文字母之间的距离，word-spacing定义的是单词之间的距离，也就是将原有空格加大
*行高：line-height
行高：文本的顶部+文本的底部+一倍行距
行高：css定义：两行文本的基线距离就是行高
*玩转行高
font：12px/1.5em "宋体"； // 字体大小 / 行高
font：12px/150% "宋体"；
font：12px/1.5 "宋体"；
font：12px/20px "宋体"；
注意：继承特性：
加单位时，先计算后继承（以父亲为基准）
不加单位时，先继承后计算（是孩子根据自己的文字大小为基准）
*text- decoration：文本装饰
属性值：none、underline（下划线）、 overline（上划线）、line-through删除线）
*text-align：水平对齐方式
属性值：left、right、center
*text-indent：首行缩进
用于设置段落首行文本的缩进，只能设置块级标签，属性值可以为不同单位的数值，em字符宽度的倍数，或相对于浏览器窗口宽度的百分比，允许负值，建议使用em单位
当text-indent为负值时，且超出页面显示位置时，一般是用于网页的h1标题logo的SEO优化
*white-space：空白符处理
使用HTML制作网页时，不论源代码中有多少空格，在浏览器中只会显示一个空白字符，在css中使用white-space属性可设置空白符的处理方式
属性值：normal（文本中的空格空行无效，到达区域边界后自动换行）、pre（原样输出）、nowrap（空格空行无线，强制文本不能换行，除非遇到换行标记，内容超出元素边界也不换行，若超出浏览器页面会自动添加滚动条）
*word-break：自动换行
属性值：normal、break-all（允许在单词内进行换行）、keep-all（只能在半角空格符或连字符处换行）
