字体{font-famliy:"字体一","字体二"，sans-serif}
英文字体包含空格或者中文字体时，需要用双引号括起来 多个字体，用英文逗号隔开
当font-famliy引用嵌套时，外部使用双引号，内部使用单引号
font-family字体属值：具体字体名，字体集（所谓字体集不是单个字体名称，而是一类字体的统称 ）
不同字体集说明了不同字体的装饰效果
字体集
1.serif:衬线字体 2.sans-serif:无衬线字体 3.monospace:等宽字体 4.cursive：草书 5.fantasy（幻想体）
字体大小
不同浏览器显示效果不同利用绝对单位设置文字大小。不建议使用。而且不受分辨率影响。
相对单位：px像素（手机端一般不用），em（成倍，针对父元素）,%（针对父元素）（受分辨率影响）。
larger与smaller相对父元素字体大小变大变小。
标签内继承的是父元素的计算值 而不是相对值的百分比
文字颜色
1.p{color：red；}
2.p{color：reb（ 0，0,255）}/*数字：0~255；百分比：0%~100%*/
3.p{color：#008800；#080}/*十六进制：#开头，六位，0~f 不区分大小 写*/
font-style:
normal;(默认)
italic;(斜体)
oblique;(倾斜) （倾斜和斜体在网页显示中区别不大，常用于表示引用内容
font-variant(字体变形):
normal;(默认)
small-caps;(将小写英文字母转换为小型的大写字母)
font属性简写
1. 同时设置font-size和 font-family，属性才起作用
2.书写顺序
用空格隔开，前三个顺序任意
font-style font-variant font-weight font-size-line-height font-family
3.line-height是行高，必须跟font-size放在一起，中间用斜杠隔开
-----CSS对齐方式-----
text-align
-设置元素内文本的水平对齐方式
-text-align：left(左对齐）|right（右对齐）|center（居中对齐）|justify（两端对齐）
注：text-align属性仅对块级元素生效，解决方法：在元素外嵌套块级元素
-text-align属性可继承父元素属性
边距设置：margin：0 auto 容器居中显示 前一个元素是指上下边距 后一个是左右边距
垂直对齐方式：vertical-align:(在行内元素和单元格内才起作用）
| baseline （基线对齐）
| middle（中线对齐）
| sub（下标） | super （上标）
| top（行元素顶端对齐） | bottom（行元素底端对齐）
| text-top（文字顶端对齐） | text-bottom（文字底端对齐）
| 长度 | 百分比 （+上移 -下移）（百分比是基于父级元素行高进行移动）
如何垂直居中：
把父元素div1转换成 table 表格, display: table.
div2 转换为单元格 display:table-cell;
并且设置为：vertical-align: middle; 垂直居中
并且设置为：text-align: center; 水平居中
行高
em 与%是和字体大小(font-size)有关系的 行高值一般用em单位表示 行高值换算为字体大小(font-size) * line-height值得到的 font-size的值一般浏览器都是默认为16px 行高值是继承计算的值
文字间距样式
1.word-spacing：设置元素内单词之间间距，单词的判断以空格为准
2.letter-spacing：设置元素内字母之间间距
3.text-transfron：设置元素内文本的大小写
text-transfron：capitaliza | uppercase | lowercase | none
注：capitaliza首字母大写 | uppercase字母大写 | lowercase字母小写 | none没有任何设置效果
4.text-decoration：设置元素内文本的装饰
text-decoration:underline | overline | line-though | blink | none
注：underline上划线 | overline下划线 | line-though贯穿线 | blink闪烁效果 none没有任何效果
