CSS 文本属性可定义文本的外观。

通过文本属性,您可以改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进,等等。


1,text-align 横向排列,也就是水平对齐

它会影响一个元素中的文本行互相之间的对齐方式 属性值有:left(默认),center,right

p{

text-align:right

}

text-align:center 与 <CENTER>

您可能会认为 text-align:center 与 <CENTER> 元素的作用一样,但实际上二者大不相同。

<CENTER> 不仅影响文本,还会把整个元素居中。text-align 不会控制元素的对齐,而只影响内部内容。元素本身不会从一段移到另一端,只是其中的文本受影响。


2,line-height 文本行高


1,%基于字体大小的百分比行高 ,也就是说与字体的大小有关

2,数值 来设置固定值

p{text-align:left;font-size:20px;line-height:50%;基于字体大小的1/2行高}


3,text-indent 首行缩进

% 父元素的百分比

px 固定值 ,默认为0

inherit 继承

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

h2{letter-spacing:-0.5em}h5{letter-spacing:20px}


5,word-spacing 单词间距

定义英文单词之间的间距

1,normal 标准

2,px设置固定值

3.inherit

h2{word-spacing:-0.5em}h5{word-spacing:20px}

6,direction 文本方向 ,定义文本书写方向

1,ltr从左到右 left to right

2,rtl从右到左

3,inherit继承

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 可能无关紧要,不过如果您突然决定把所有 h2 元素变为大写,这个属性就很有用。不必单独地修改所有 h2 元素的内容,只需使用 text-transform 为你完成这个修改:

h2 {

text-transform: uppercase;

}