本文共 1637 字，大约阅读时间需要 5 分钟。
CSS 文本属性可定义文本的外观。
通过文本属性，您可以改变文本的颜色、字符间距，对齐文本，装饰文本，对文本进行缩进，等等。
1，text-align 横向排列，也就是水平对齐
它会影响一个元素中的文本行互相之间的对齐方式 属性值有：left（默认），center，right
p{
text-align:right
}
您可能会认为 text-align:center 与 <CENTER> 元素的作用一样，但实际上二者大不相同。
<CENTER> 不仅影响文本，还会把整个元素居中。text-align 不会控制元素的对齐，而只影响内部内容。元素本身不会从一段移到另一端，只是其中的文本受影响。
2,line-height 文本行高
1，%基于字体大小的百分比行高 ，也就是说与字体的大小有关
2，数值 来设置固定值
| 1 2 3 4 5 | p{ text-align:left; font-size:20px; line-height:50%; 基于字体大小的1/2 行高 } |
3,text-indent 首行缩进
% 父元素的百分比
px 固定值 ，默认为0
inherit 继承
| 1 2 3 4 5 6 7 8 9 10 11 | div { width:300px; height:300px; } p{ text-align:left; font-size:20px; line-height:50%; 基于字体大小的1/2 行高 text-indent:50%; 基于div容器的缩进50%（1/2） } |
4,letter-spacing 字符间距
定义文本中两个字符之间距离
1，默认关键字是 normal 也就是相当于 letter-spacing：0；
2，length设置具体值（可以为负）
3，inherit
| 1 2 3 4 5 6 | h1 { letter-spacing: -0.5em } h4 { letter-spacing: 20px } |
5，word-spacing 单词间距
定义英文单词之间的间距
1，normal 标准
2，px设置固定值
3.inherit
| 1 2 3 4 5 6 | h1 { word-spacing: -0.5em } h4 { word-spacing: 20px } |
6，direction 文本方向 ，定义文本书写方向
1，ltr从左到右 left to right
2，rtl从右到左
3，inherit继承
| 1 2 3 4 5 6 7 | p{ /*text-align:left; font-size:20px; line-height:50%; 基于字体大小的1/2 行高 text-indent:50%;*/ 基于div容器的缩进50%（1/2） direction:rtl; 定义文本从右开始写 } |
7，text-transform文本大小写
text-transform 属性处理文本的大小写。这个属性有 4 个值：
none
uppercase
lowercase
capitalize
默认值 none 对文本不做任何改动，将使用源文档中的原有大小写。顾名思义，uppercase 和 lowercase 将文本转换为全大写和全小写字符。最后，capitalize 只对每个单词的首字母大写。
作为一个属性，text-transform 可能无关紧要，不过如果您突然决定把所有 h1 元素变为大写，这个属性就很有用。不必单独地修改所有 h1 元素的内容，只需使用 text-transform 为你完成这个修改：
h1 {
text-transform: uppercase;
}