前言:
字体样式主要涉及字体本身的型体效果，而文本样式主要涉及多个文字的排版效果。
字体样式注意个体，文本样式注重整体。
文本样式属性简介:
| 属性 | 说明 |
|---|---|
| text-decoration | 下划线、删除线、顶划线 |
| text-transform | 文本大小写 |
| font-variant | 将英文文本转换为”小型”大写字母 |
| text-indent | 段落首行缩进 |
| text-align | 文本水平对齐方式 |
| line-height | 行高 |
| letter-spacing | 字距 |
| word-spacing | 词距 |
1.text-decoration下划线、删除线和顶划线
语法：
text-decoration:属性值;说明:
| 属性值 | 说明 |
|---|---|
| none | 默认值,可用这个属性值去掉已有下划线等的样式 |
| underline | 下划线 |
| line-through | 删除线 |
| overline | 顶划线 |
2.text-transform文本大小写
语法：
text-transform:属性值;| 属性值 | 说明 |
|---|---|
| none | 默认值,无转换发生 |
| uppercase | 转换成大写 |
| lowercase | 转换成小写 |
| capitalize | 将每个英文单词的首字母转换成大写，其余无转换发生 |
3.font-variant属性
语法：
font-variant:normal/small-caps;说明：
| 属性值 | 说明 |
|---|---|
| normal | 默认值，正常效果 |
| small-caps | 小型大写字母的字体 |
该属性在英文国家还可能遇到，在中文网页中几乎不出现。
该属性的唯一作用就是把英文文本转换成小型大写字母文本，关键点是小型。
4.text-indent首行缩进
语法：
text-indent:像素值;说明：
建议入门期间以像素作为单位。
小技巧：
段落首先缩进是两个字的间距，如要实现这个效果，text-indent的属性值应该是字体font-size属性值的两倍。
5.text-align文本水平对齐
语法：
text-align:属性值;说明:
扫描二维码关注公众号，回复：
10301637 查看本文章
| 属性值 | 说明 |
|---|---|
| left | 默认值，左对齐 |
| center | 居中对齐 |
| right | 右对齐 |
6.line-height行高
语法：
line-height:像素值;说明：
该属性用以控制文本的行高(一行的高度）
7.letter\word-spacing字母、词间距
<1>. letter-spacing属性：
语法：
letter-spacing:属性值;说明：
letter指字母,该属性用于定义”字母间距”.
<2>.word-spacing属性
语法：
word-spacing:像素值;说明：
用于定义单词之间的距离，入门阶段都是使用像素做单位。 定义词间距以空格以基准进行调节。如果多个单词被连在一起，则被word-spacing视为一个单词;
如果汉字被空格分隔，则分隔的多个汉字就被视为不同的单词，word-spacing属性此时有效。
8.示例链接
