HTML+CSS+DIV网页设计与布局 作者 聂斌 第9章 设置文字和文本样式.pptVIP

9.4.1 行间距 line-height属性的语法代码为： line-height : normal | number | length | 百分数 | inherit 9.4.2 字间距 在CSS里可以通过letter-spacing属性来设置字间距，对于英文来说，字间距是指每个字母之间的距离，对于中文来说，字间距是每个字之间的距离。letter-spacing属性的语法代码如下所示。 letter-spacing : normal | length | inherit 9.4.3 词间距 在CSS中可以使用word-spacing来设置词间距，词间距是针对英文而言的。目前，浏览器还不能区分中文的“词”与“字”。word-spacing属性的语法代码如下。 word-spacing : normal | length | inherit 9.4 小结 本章主要介绍了CSS中文字和文本样式的设置。其中，文字样式设置包括字体设置、文字大小设置、粗体设置、文字颜色设置、斜体设置；文本样式包括设置阴影效果、英文单词大小写转换、文本缩进、文本水平和垂直对齐方式设置、文本流入方式设置以及文本修饰的设置。 第9章 设置文字和文本样式 在CSS样式中，最基本的属性是用来设置文字和文本的样式。“文字”指的是单个文字或单词，“文本”指的是由文字组成的内容。为字体设置样式主要是设置字、词的样式，对文本设置样式主要是对整段文章设置样式。 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 9.1 设置文字样式 CSS中对文字样式的设计有文字字体的设置、文字大小、文字粗体、文字斜体以及字间距等样式的设置。 9.1.1 字体设置 在HTML里可以使用font face=字体名来设置文字字体，而在CSS中设置字体所用到的属性是font-family，其语法代码如下： font-family:字体1,字体2,字体3,…… 9.1.2 文字大小 设置文字大小是指为页面中的文字设置绝对大小或相对高度。相对高度是指文字相对于父对象文字尺寸来设置的，包括larger和samller，它使用成比例的em单位计算。绝对高度是设置的是固定的大小，包括xx-small、x-samll、larger等。 9.1.2 文字大小 除了使用英文单词表示文字大小之外，还有一种文字大小的设置方式是使用具体的长度值或百分比。下表显示了在CSS样式表中设置文字大小的属性值、含义以及规则。 9.1.2 文字大小 使用CSS样式设置文字大小的语法是： font-size:文字的大小 9.1.3 设置粗体 在页面中经常会使用加粗的字体表示强调，但是在HTML标记中加粗的程度只有一种，通过CSS样式可以为文字设置不同程度的加粗效果，其语法是： font-weight:字体的粗度 在这里，字体的粗度可以使用数值表示，也可以使用英文单词表示，其具体的取值及含义如下表所示。 9.1.4 设置文字颜色 CSS样式表中设置文字颜色的属性是color，其语法是： color:颜色代码/颜色名称 9.1.5 设置斜体 在CSS样式表中，也可以将文字设置为斜体显示，而且倾斜的程度有两种，即倾斜字体和偏斜体。其设置语法是： font-style:normal/italic/oblique 在这里，font-style可以取normal（正常字体）、italic（倾斜）和oblique（偏斜体）三种。 9.1.5 综合设置 前面介绍的几种属性都是以font开始的，这表示这几种属性都属于同一类别，都是用来设置文字的字体效果的。在CSS样式表中，还可以很方便地设置字体属性，即直接使用font属性进行设置，其语法是： font:字体属性取值； 9.2 设置文本样式 文本样式的设置是对一段文字整体进行设置。文本样式的设置包括设置阴影效果、大小写转换、文本缩进、文本对齐方式等。 9.2.1 设置阴影效果 CSS2中允许设置文字的阴影，让文字看起来更有立体感。设置阴影所用到的属性为text-shadow，其语法代码为。 text-shadow : none | color | length | length | length | inherit 9.2.1 设置阴影效果 CSS中的阴影有3个length要进行设置，第1个方向是水平方向的距离，可以为负值；第2个方向是垂直方向的距离，可以为负值；第3个方向为模糊半径的长度，不能为负值。如以下代码： .e {text-shadow: black 0px 0px 5px;} 以下代码为文字设置了阴影，并且阴影在文字的右下方，但是该代码并没有指定阴影的颜色