2024年6月14日发(作者：)

CSS 设置文本属性

文本表示的是页面所包含的内容，文本的放置与效果的显示会直接影响到页面

的布局及风格。CSS样式表提供了文本属性来实现对页面中文本的控制，本节将对

几种重要的文本属性进行介绍。

1、text-indent属性

在网页设计中，最重要效果之一就是段落首行的缩进。CSS的text-indent属性

就是用来设定文本块中首行的缩进。

text-indent属性可以定义两种缩进方式，一种是直接定义缩进的长度，另一种

是定义缩进百分比。使用该属性，任何标记都可以让首行以给定的长度或百分比缩

进。

该属性具有继承性，即父标记定义了text-indent属性，那么子标记默认使用父

标记所定义的text-indent属性值。

缩进长度单位可以使用绝对长度单位，如cm、mm等，也可以使用相

对长度单位，如em、px。

2、text-align属性

text-align属性用来设置文本的水平对齐方式。CSS提供了4种对齐方式：left、

center、right和justify。left表示向左对齐；center表示文本居中；right表示向右对

齐；justify则表示两端对齐。该属性默认值是left。

一般情况下，居中对齐适用于标题类文本，其他对齐方式可以根据页面布局来

选择使用。text-align属性设置的对齐方式，不仅可以使标记中的文本内容按照指定

的方式对齐，还可以在标记中的文本及图像应用对齐方式。

text-align属性只能用于文本块，而不能直接应用到图像标记。如果要使

图像同文本一样应用对齐方式，那么就必须将图像包含在文本块中。

CSS只能定义两端对齐方式，并按要求显示，但对于具体的两端对齐

文本如何分配字体空间以实现文本左右两边均对齐，CSS并不规定。

这就需要设计者自行定义了。

3、white-space属性

white-space属性就是空白属性，该属性对文本的显示有着重要的影响。在标记

上应用white-space属性可以影响浏览器对字符串或文本间空白的处理方式。

如果需要保留空白，则必须使用CSS提供的white-space属性，该属性有三个

可选属性值：pre、nowrap和normal。pre表示文本间的空白不被忽略。nowrap表示

文本内容不允许换行，除非使用

换行标记。normal表示按正常显示，文本间多

余的空白将被忽略。

4、line-height属性

line-height属性用来设置行间距。事实上，这一属性决定了内容行垂直高度所

能增减的数值。该属性有如下三种设定方式：

第一种是使用默认值，即设定属性值为normal；第二种是直接设定高度，第三

种是使用百分比，其百分比取值是基于字体的高度尺寸。

在这三种方式中，最常用的是直接设定高度或使用默认值。

5、vertical-align属性

在html中，标记和分别表示在页面中显示上标和下标。而在CSS

中，可以直接使用vertical-align属性来定义，该属性用来设定垂直对齐方式。

vertical-align属性有8个预设值可使用，也可以使用百分比。这8个预设值如

表4-12所示。

表4-12 vertical-align属性值

属性值

baseline

sub

super

top

text-top

middle

bottom

text-bottom

描述

默认值，与上级标记基线对齐。

垂直对齐文本的下标

垂直对齐文本的上标

将标记内容顶端对齐

将标记文本顶端对齐

将标记内容中部对齐

将标记内容底部对齐

将标记文本底端对齐

vertical-align属性不能应用于表格单元中内容的对齐。vertical-align属性值还能

使用百分比来设定垂直高度，该高度具有相对性的，它是基于行高的值来计算的。

而且百分比还能使用正负号，正百分比使文本上升，负百分比使文本下降。

6、text-transform属性

text-transform属性用于设定文本字体的大小写转换。如表4-13所示，列出了该

属性的四种属性值。文本转换属性仅作用于字母型文本。

表4-13 text-transform属性值

属性值

none

capitalize

uppercase

lowercase

描述

默认值，对文本不进行任何转换操作

将每个单词的首字大写

将每个字符大写

将每个字符小写

7、文本其他属性

text-decoration属性是文本修饰属性，该属性可以为页面提供多种文本的修饰效

果，比如，下划线、删除线、闪烁等。属性值如表4-14所示。

表4-14 text-decoration属性值

属性值

none

underline

overline

line-through

blink

描述

默认值，对文本不进行任何修饰

下划线

上划线

删除线

闪烁

blink闪烁效果只有Mozilla和Netscape浏览器支持，而IE和其他浏览器（如O

pera）都不支持该效果。

word-spacing属性用于设定词与词之间的间距，而letter-spacing属性用于设定

字符间距。两个属性都适用于所有页面元素。

word-spacing属性可以接受正的或负的长度值，该长度值用于设定文本中词与

词的距离。该属性的缺省值为normal，表示间距为0。如果设订单词间距为负值，

则会使词与词之间更加紧凑。

使用letter-spacing属性则可以单独对一个单词中的字符进行缩放，如果在该属

性中使用负值，则单词中的字符将重叠在一起。

word-spacing属性和letter-spacing属性都不能用于设定文字的间距。