字体，文本相关的样式

网页单位以及字体相关的样式

color - 字体颜色

font-size - 字体大小
相关单位：

• px ： css像素
• em ：1em等于1个font-size（当前元素的font-size）
• rem：1rem等于1个根元素的font-size

line-height - 行高，

• 文本在网页中都需要创建一个文本框，行高就是文本框的高度
• 文字默认在行高中居中
• 行高可以指定一个像素值，也可以指定一个整数，如果指定一个数字行高就会是字体的倍数
• 行高可以用来设置行间距 = 行高 - 字体大小
• 文字在垂直方向居中，可以将行高设置为和父元素高度一样

font-family - 字体族

font-weight - 字体粗细程度

font-style - 字体样式

font-veriant - 字体变形

简写：

font: [加粗 斜体 字体变形] 字体大小/行高 字体族

文本样式

text-align - 文本水平对齐方式：

• left 默认值，靠左对齐
• right 靠右对齐
• center 居中对齐
• justify 两端对齐

vertical-align - 文本垂直对齐方式：

• baseline 沿基线对齐
• top 和父元素顶部对齐
• bottom 和父元素的底部对齐
• super 上标
• sub 下标
• middle 居中

text-decoration 设置文本修饰

• underline 下划线
• line-through 删除线
• overline 上划线
• none 无修饰

text-indent 首行缩进

• 长度单位， 通常情况缩进2个字的大小也就是2em

white-space 如何处理空白内容

• normal 默认值，自动换行
• nowrap 不换行
• pre 保留文本的格式

text-overflow 如何处理溢出的文本

• ellipsis 使用省略号表示溢出内容