第13章 CSS控制文本的显示

字体大小属性font font13.1.3 字体大小属性font-size
字体大小属性（ ），用来控制元素中字体的显示尺寸 字体大小属性（font-size），用来控制元素中字体的显示尺寸。在 ），用来控制元素中字体的显示尺寸。 字体的大小属性中，可以使用几个属性值，通常使用的是以px为单位的 字体的大小属性中，可以使用几个属性值，通常使用的是以 为单位的 长度值，其语法结构如下所示。 长度值，其语法结构如下所示。
小型大写字母属性font font13.1.8 小型大写字母属性font-variant
小型大写字母属性（ ），用来定义英文中 小型大写字母属性（font-variant），用来定义英文中 ）， 是否显示小型大写字母的效果。 是否显示小型大写字母的效果。小型大写字母是介于大写字 母和小写字母之间的一种字母显示效果。在小型大写字母属 母和小写字母之间的一种字母显示效果。 性中，可以使用两个属性值， 性中，可以使用两个属性值，normal、above。 、 。
字体综合属性font 13.1.13 字体综合属性font
字体综合属性（ ），用来统一定义字体的各种属性 字体综合属性（font），用来统一定义字体的各种属性 ）， 在字体综合属性中， 值。在字体综合属性中，可以使用以上几个小节中讲解的部 分属性。 分属性。
13.2
控制文本的显示
中文本的控制， 在CSS中文本的控制，是指控制文本的缩进、对齐、空白、显 中文本的控制 是指控制文本的缩进、对齐、空白、 示方向等内容。在实际制作网页时， 示方向等内容。在实际制作网页时，文本的控制对整个页面的排版 起着决定性的作用，好的文本效果，不但美观， 起着决定性的作用，好的文本效果，不但美观，更加便于读者的阅 下面进行详细讲解。 读。下面进行详细讲解。
文本溢出属性text text13.2.3 文本溢出属性text-overflow
当文本内容超出元素大小的时候，就要用到文本溢出属性（ 当文本内容超出元素大小的时候，就要用到文本溢出属性（textovwenku.baidu.comrflow）来定义这些文本的显示效果。在文本溢出属性中，可以使用两 ）来定义这些文本的显示效果。在文本溢出属性中， 个属性值， 个属性值，clip和ellipsis，其语法结构如下所示。 和 ，其语法结构如下所示。
行高属性line line13.1.12 行高属性line-height
行高属性（line-height），用来定义文本中行高的大小。在 行高属性（ ），用来定义文本中行高的大小。 ），用来定义文本中行高的大小 行高属性中，可以使用2个属性值 行高属性中，可以使用 个属性值normal和长度值。 和长度值。 个属性值 和长度值
水平对齐属性text text13.2.4 水平对齐属性text-align
水平对齐属性（ ），用来定义元素的水平对 水平对齐属性（text-align），用来定义元素的水平对 ）， 齐效果。在水平对齐属性中，可以使用3个属性值 个属性值， 齐效果。在水平对齐属性中，可以使用 个属性值，分别定 义元素内容的左对齐、居中对齐、右对齐和两边对齐。 义元素内容的左对齐、居中对齐、右对齐和两边对齐。
字体下划线位置属性text text13.1.7 字体下划线位置属性textunderlineunderline-position
字体下划线位置属性（ ），用来 字体下划线位置属性（text-underline-position），用来 ）， 定义下划线的位置。在字体下划线位置属性中， 定义下划线的位置。在字体下划线位置属性中，可以使用两 个属性值，包括， 个属性值，包括，below、above。 、 。
字体加粗属性font font13.1.5 字体加粗属性font-weight
字体加粗属性（font-weight），用来定义字体是否显示加粗 字体加粗属性（ ），用来定义字体是否显示加粗 ）， 和变细的效果。在字体样式属性中，可以使用两类属性值， 和变细的效果。在字体样式属性中，可以使用两类属性值，一类 是用名称命名的属性值，例如blod等。另一类是用数字命名的属 是用名称命名的属性值，例如 等 性值，例如200、300等。 性值，例如 、 等
字母间隔属性letter letter13.1.10 字母间隔属性letter-spacing
字母间隔属性（letter-spacing），用来定义字母（或中 字母间隔属性（ ），用来定义字母（ ），用来定义字母 文文字）之间的间隔大小。在字母间隔属性中， 文文字）之间的间隔大小。在字母间隔属性中，可以使用两 个属性值normal和长度值。 和长度值。 个属性值 和长度值
文本方向属性direction 13.2.7 文本方向属性direction
文本方向属性（direction），用来定义元素中文本的显 文本方向属性（ ），用来定义元素中文本的显 ）， 示方向。在文本方向属性中，可以使用两个属性值ltr和 ， 示方向。在文本方向属性中，可以使用两个属性值 和rtl， 其语法结构如下所示。 其语法结构如下所示。
第13章 13章
CSS控制文本的显示 CSS控制文本的显示
CSS中，文本的控制包括两个方面的内容，一方面控制文本 中 文本的控制包括两个方面的内容， 中字体的各种显示效果（例如，控制字体的大小等）， ），另一方面 中字体的各种显示效果（例如，控制字体的大小等），另一方面 控制文本的显示效果（例如，文本的缩进等）。 ）。在 控制文本的显示效果（例如，文本的缩进等）。在CSS中文本的 中文本的 控制是很重要的内容，文本的显示效果， 控制是很重要的内容，文本的显示效果，直接影响读者对页面信 息的读取。通过本章学习，应该掌握以下知识要点： 息的读取。通过本章学习，应该掌握以下知识要点： 重点掌握CSS控制字体的显示方法并能熟练应用 控制字体的显示方法并能熟练应用 重点掌握 了解CSS控制文本的显示方法及其使用方法 控制文本的显示方法及其使用方法 了解 能熟练使用字体综合属性
文本排序属性unicode unicode13.2.8 文本排序属性unicode-bidi
文本排序属性，用来定义文本内容的显示顺序。 文本排序属性，用来定义文本内容的显示顺序。在文 本排序属性中，可以使用3个属性值 分别为norma、bidi个属性值， 本排序属性中，可以使用 个属性值，分别为 、 override、embed。 、 。
字体样式属性font font13.1.4 字体样式属性font-style
字体样式属性（ ），用来定义字体的显示样 字体样式属性（font-style），用来定义字体的显示样 ）， 在字体样式属性中，可以使用几个属性值，包括， 式。在字体样式属性中，可以使用几个属性值，包括， norma、italic、oblique。 、 、 。
文本空白属性white white13.2.2 文本空白属性white-space
文本空白属性（ ），用来把文本中使用空格 文本空白属性（text-overflow），用来把文本中使用空格，换 ），用来把文本中使用空格， 行等空白元素的内容显示出来。在文本的空白属性中，可以使用3 行等空白元素的内容显示出来。在文本的空白属性中，可以使用 个属性值，包括normal、pre、nowrap，其语法结构如下所示。 个属性值，包括 、 、 ，其语法结构如下所示。 white-space : normal | pre | nowrap;
13.1
控制字体的显示
在CSS中，字体的控制有控制文本的字体、字体的 中 字体的控制有控制文本的字体、 大小、字体的样式、字体的颜色、 大小、字体的样式、字体的颜色、字体的修饰等方面 的内容。本节将分别进行详细讲解。 的内容。本节将分别进行详细讲解。
字体选择属性font font13.1.1 字体选择属性font-family
转换大小写属性text text13.1.9 转换大小写属性text-transform
转换大小写属性（ ），用来定义英文字母大小 转换大小写属性（text-transform），用来定义英文字母大小 ）， 写之间转换的效果。在转换大小写属性中，可以使用4个属性值 个属性值， 写之间转换的效果。在转换大小写属性中，可以使用 个属性值， 包括， 包括，none、capitalize、uppercase、lowercase。 、 、 、 。
垂直对齐属性vertical vertical13.2.5 垂直对齐属性vertical-align
垂直对齐属性（ ），用来定义元素的 垂直对齐属性（vertical-align），用来定义元素的 ）， 垂直对齐效果。在垂直对齐属性中，可以使用10个属 垂直对齐效果。在垂直对齐属性中，可以使用 个属 性值。 性值。
垂直对齐属性vertical vertical13.2.5 垂直对齐属性vertical-align
文本流向属性layout layout13.2.6 文本流向属性layout-flow
文本流向属性（ ），用来定义元素中文本流的显 文本流向属性（layout-flow），用来定义元素中文本流的显 ）， 示方式。在文本流向属性中，可以使用两个属性值horizontal和 示方式。在文本流向属性中，可以使用两个属性值 和 vertical-ideographic。 。
字体修饰属性text text13.1.6 字体修饰属性text-decoration
字体修饰属性（text-decoration），用来定义字体的修饰效 字体修饰属性（ ），用来定义字体的修饰效 ）， 果，例如下划线等。在字体修饰属性中，可以使用5个属性值，包 例如下划线等。在字体修饰属性中，可以使用 个属性值， 个属性值 括，none、underline、blink、overline、line-through等。 、 、 、 、 等
文本缩进属性text text13.2.1 文本缩进属性text-indent
文本缩进属性（ ），用来定义文本段落中段首的 文本缩进属性（text-indent），用来定义文本段落中段首的 ）， 缩进效果。在文本的缩进属性中，使用的属性值为长度值， 缩进效果。在文本的缩进属性中，使用的属性值为长度值，其语 法结构如下所示。 法结构如下所示。
单词换行属性word word13.2.9 单词换行属性word-break
单词换行属性（ ），用来定义文本中 单词换行属性（word-break），用来定义文本中，能 ），用来定义文本中， 否在单词内部换行显示。在单词换行属性中，可以使用3个 否在单词内部换行显示。在单词换行属性中，可以使用 个 属性值，分别为norma、break-all、keep-all。 属性值，分别为 、 、 。
字体选择属性（font-family），用来定义文本中使用的 字体选择属性（ ），用来定义文本中使用的 ）， 那种字体。字体选择属性的值为字体名称， 那种字体。字体选择属性的值为字体名称，其语法结构如下 所示。 所示。
字体颜色属性color 13.1.2 字体颜色属性color
字体颜色属性，用来定义字体使用的颜色。 字体颜色属性，用来定义字体使用的颜色。在定义字 体颜色的时候，要注意字体颜色和背景之间的对比， 体颜色的时候，要注意字体颜色和背景之间的对比，方便读 者的阅读。 者的阅读。
文本断开换行属性word word13.2.10 文本断开换行属性word-wrap
文本换行属性（ ），用来定义文本在容器中 文本换行属性（word-wrap），用来定义文本在容器中 ）， 能否断开换行显示。在文本换行属性中，可以使用2个属性 能否断开换行显示。在文本换行属性中，可以使用 个属性 分别为norma、break-word。 值，分别为 、 。
单词间隔属性word word13.1.11 单词间隔属性word-spacing
单词间隔属性（ ），用来定义英文单词之 单词间隔属性（word-spacing），用来定义英文单词之 ）， 间的间隔。在单词间隔属性中，可以使用2个属性值 个属性值normal 间的间隔。在单词间隔属性中，可以使用 个属性值 和长度值。 和长度值。