CSS控制文本的显示.ppt

1、在第13章CSS中控制文本的显示，在CSS中文本的控制控制文本中字体的各种显示效果(例如，控制字体的大小等)，另一方面控制文本的显示效果(例如，文本的缩进等)。 在CSS中文本的控制是重要的内容，文本的显示效果直接影响读者对页面信息的读取。 本章的学习使您能够重点掌握CSS控制字体的显示方法，掌握CSS控制文本的显示方法及其使用方法的字体综合属性，控制13.1字体的显示。 在CSS中，字体控制包括控制文本字体、字体大小、字体样式、字体颜色、字体修饰等。 本节分别详细说明。13.1.1字体选择属性font-family、字体选择属性(font-family )用于定义文本中使用的字体。 字体选择

2、属性的值是字体名，其语法结构如下。13.1.2字体颜色属性定义color、字体颜色属性和字体使用的颜色。 定义字体颜色时，请注意字体颜色与背景的对比，使读者更容易阅读。13.1.3字体大小属性font-size、字体大小属性(font-size )用于控制要素的字体的显示尺寸。 字体的大小属性可以使用多个属性值。 通常使用以px为单位的长度值。 语法结构如下： 13.1.4字体样式属性定义字体样式、字体样式属性和字体的显示样式。 字体样式属性可以使用多个属性值，如norma、italic和oblique。13.1.5字体粗体属性font-weight和字体粗体属性(font-weight )定

3、义字体是否表示粗体和细体的效果。 字体样式属性可以使用两种类型的属性值，如blod。 另一个是以数字命名的属性值，例如200、300。13.1.6字体修饰属性text-decoration、字体修饰属性(text-decoration )用于定义字体的修饰效果(例如下划线等)。 字体修饰属性可以使用none、underline、blink、overline、line-through等5个属性值。13.1.7字体下划线位置属性text-underline-position和字体下划线位置属性(text-underline-position )用于定义下划线的位置。 字体下划线的位置属性可以有两个

4、属性值：“below”和“above”。 13.1.8小型大写字母属性font-variant和“小型大写字母属性”(font-variant )用于定义是否在英语中显示小型大写字母。 小型大写字母是大小写字母之间的字符显示效果。 小型大写字母属性可以使用两个属性值normal和above。13.1.9转换大小写属性text-transform和转换大小写属性(text-transform )用于定义在英语大小写之间转换的效果。 可以使用四个属性值转换大小写： none、capitalize、uppercase和lowercase。13.1.10字距微调属性letter-spacing和字距微

5、调属性(letter-spacing )用于定义字符(或中文文本)之间的间距大小。 字距微调属性可以使用两个属性值normal和长度值。13.1.11单词间距属性word-spacing、单词间距属性(word-spacing )用于定义英语单词之间的间距。 对于单词间隔属性，可以使用两个属性值normal和长度值。 13.1.12行高属性line-height和行高属性(line-height )用于定义文本行高的大小。 对于行属性，可以使用两个属性值normal和长度值。13.1.13字体集成属性font、字体集成属性(font )用于统一定义字体的各种属性值。 字体集成属性可以使用上面几

6、节中介绍的某些属性。 控制13.2文本的显示，控制CSS中的文本是控制文本的缩进、对齐、空白、显示方向等。在实际制作网页时，文本控制对整页排版起着决定性的作用，优秀的文本效果不仅美观，而且读者容易阅读。 以下详细说明。13.2.1文本缩进属性text-indent、文本缩进属性(text-indent )用于定义文本段落中段开头的缩进效果。 用于文本的缩进属性的属性值是长度值，其语法结构如下。13.2.2文本空白属性white-space、文本空白属性(text-overflow )用于在文本中显示带有空白、换行等空白元素的内容。 文本的空白属性可以有三个属性值，包括normal、pre和no

7、wrap。 其语法结构如下： 白空间3360正规|正规；13.2.3文本溢出属性text-overflow，如果文本内容超过元素大小，则使用“文本溢出属性”(text-overflow )来定义这些文本的显示效果。 文本溢出属性可以使用两个属性值clip和ellipsis，它们的语法结构如下：13.2.4水平对齐属性text-align、水平对齐属性(text-align )用于定义元素的水平对齐效果。 水平对齐属性使用三个属性值分别定义元素内容的左对齐、居中对齐、右对齐和两侧对齐。 13.2.5垂直对齐属性vertical-align和垂直对齐属性(vertical-align )用于定义元

8、素的垂直对齐效果。 垂直对齐属性可以使用10个属性值。13.2.5垂直对齐属性vertical-align、13.2.6文本流属性layout-flow和文本流属性(layout-flow )用于定义元素中文本流的显示方式文本流属性有两个、13.2.7文本方向属性direction和文本方向属性(direction )用于定义元素中文本的显示方向。 文本方向属性可以使用具有以下语法结构的两个属性值ltr和rtl :13.2.8文本排序属性unicode-bidi、文本排序属性定义文本内容的显示顺序。 文本排序属性可以有三个属性值： norma、bidi-override和embed。13.2.9单词换行属性word-break、单词换行属性(word-break )用于定义文本中是否能够在单词内部换行显示。 对于单词换行属性，可以使用norma、break-all、keep-