7.1　　字体相关属性

　　　　　　CSS为控制文本的字体提供了大量属性，这些文字相关属性主要用于控制文本的字体、颜色、修饰等外观。

　　　　　　字体相关属性如下：

　　　　　　　　font：这是一个复合属性，其属性值是形如font-style font-variant font-weight font-size line-height

　　　　　　　　　　　　font-family的复合属性值。使用not属性可同时控制文字的样式、字体粗体、字体大小、字体等

　　　　　　　　　　　　属性，为了更具体地进行控制，通常不建议使用该属性。

　　　　　　　　color：该属性用于控制文字颜色，该属性的值可以使任何有效的颜色值，包括字符串类型的颜色名，十六

　　　　　　　　　　　　进制的颜色值，或使用rgb()函数设置的RGB值等，甚至包括CSS3.0提供的HSL颜色值等。

　　　　　　　　font-family：设置文字的字体，因为字体需要浏览器内嵌字体的支持，该属性可以设置多个显示字体，浏览

　　　　　　　　　　　　　　　器按该属性指定的多个字体依次搜索，以优先找到的字体来显示文字。多个属性值之间以英文

　　　　　　　　　　　　　　　逗号(,)隔开。

　　　　　　　　font-size：该属性用于设置文字的字体大小，此处的字体大小既可以是相对的字体大小，也可以使绝对的字体

　　　　　　　　　　　　　　大小。该属性支持如下属性值。

　　　　　　　　　　　　　　　　xx-small：绝对字体尺寸。最小字体。

　　　　　　　　　　　　　　　　x-smaill：绝对字体尺寸。较小字体。

　　　　　　　　　　　　　　　　smal：绝对字体尺寸。小字体。

　　　　　　　　　　　　　　　　medium：绝对字体尺寸。正常大小的字体。这是默认值。

　　　　　　　　　　　　　　　　large：绝对字体尺寸。大字体。

　　　　　　　　　　　　　　　　x-large：绝对字体尺寸。较大字体。

　　　　　　　　　　　　　　　　xx-large：绝对字体尺寸。最大字体。

　　　　　　　　　　　　　　　　larger：相对字体尺寸。相对于父组件中的字体进行相对增大。

　　　　　　　　　　　　　　　　smaller：相对字体尺寸。相对于父组件中的字体进行相对减少。

　　　　　　　　　　　　　　　　length：直接设置字体大小。该值即可设置为一个百分比值，意味着该字体大小事父组件中

　　　　　　　　　　　　　　　　　　　　字体大小的百分比；也可设置为一个数值+长度单位，例如11pt、14px等。

　　　　　　　　　　　　　　　　font-size-adjust：该属性用于控制对不同字体的字体尺寸进行微调。该属性可以指定为none

　　　　　　　　　　　　　　　　　　　　　　　　　(不进行任何调整)或用一个数值代表调整比例。

　　　　　　　　　　　　　　　　font-stretch：该属性用于改变文字横向的拉伸，该属性的默认值为normal，即不拉伸。还有

　　　　　　　　　　　　　　　　　　　　　　　两个属性，即narrower和wider，前者是横向压缩，后者是横向拉伸。

　　　　　　　　　　　　　　　　font-style：该属性用于设置文字风格，是否采用斜体等。该属性的常用属性值有normal、italic、

　　　　　　　　　　　　　　　　　　　　　　oblique，这些属性值依次表示设置文字正常、斜体、倾斜字体。

　　　　　　　　　　　　　　　　font-weight：该属性用于设置字体是否加粗。该属性的值表示加粗的成都，加粗的程度用lighter、

　　　　　　　　　　　　　　　　　　　　　　　　normal、bold、bolder等常用属性值表示，即更细、正常、加粗、更粗。还可以

　　　　　　　　　　　　　　　　　　　　　　　　使用具体的数值，用100、200、300、····、900来控制字体的加粗程度。

　　　　　　　　　　　　　　　　text-decoration：该属性值用于控制文字是否有修饰线，如下画线等。该属性的值有none、blink、

　　　　　　　　　　　　　　　　　　　　　　　　　underline、line-through和overline，分别对应的修饰效果为无修饰、闪烁、

　　　　　　　　　　　　　　　　　　　　　　　　　下画线、中画线、上画线等。

　　　　　　　　　　　　　　　　font-variant：该属性用于设置文字的大写字体的格式。该属性支持normal、small-caps两个属性值，

　　　　　　　　　　　　　　　　　　　　　　　　分别对应于正常的字体、小型的大写字母字体。

　　　　　　　　　　　　　　　　text-shadow：该属性用于设置文字是否有阴影效果。

　　　　　　　　　　　　　　　　text-transform：该属性用于设置文字的大小写。该属性的值可以使none、capitalize、uppercase和

　　　　　　　　　　　　　　　　　　　　　　　　  lowercase，分别代表不转换、首字母大写、全部大写和全部小写。

　　　　　　　　　　　　　　　　line-height：该属性用于设置字体的行高，即字体最底端与字体内部顶端之间的距离。为负值的行高可以

　　　　　　　　　　　　　　　　　　　　　　 用来实现阴影效果。

　　　　　　　　　　　　　　　　letter-spacing：该属性用于设置字符之间的距离。该属性将指定的间隔添加到每个字符之后，但最后一个

　　　　　　　　　　　　　　　　　　　　　　　　文字不会受该属性的影响。该属性支持normal和数值+长度单位(如 11pt、14px等)两

　　　　　　　　　　　　　　　　　　　　　　　　种属性值。

　　　　　　　　　　　　　　　　word-spacing：该属性用于设置单词之间的间隔。该属性支持normal和数值+长度单位(如11pt、14px等)

　　　　　　　　　　　　　　　　　　　　　　　　两种属性值。

7.1.1　　添加阴影

　　　　　　字体相关属性中提供了一个text-shadow属性，该属性在CSS2.0中被引入，CSS2.1删除了该属性，CSS3.0再次引入了该属性。该

　　　　　　属性的值形如color xoffset yoffset length，或xoffset yoffset radius color。

　　　　　　　　color：指定该阴影的颜色，如果省略指定阴影颜色，在Firefox、Opera中将直接使用字体颜色作为引用颜色，在Internet Explorer

　　　　　　　　　　　　和Chrome中将不会显示阴影。

　　　　　　　　xoffset：指定阴影在横向上的偏移。

　　　　　　　　yoffset：指定阴影在纵向上的偏移。

　　　　　　　　radius：指定阴影的模糊半径。模糊半径越大，阴影看上去越模糊。

　　　　　　代码示范：

　　　　　　　　//实现带阴影效果的文字

　　　　　　　　<span style="text-shadow:red 5px 5px 2px">测试文字</span>

7.1.2　　添加多个阴影

　　　　　　如果希望为文字添加多个阴影，则可以为text-shadow属性多设置几组阴影，多组阴影之间使用逗号隔开。

　　　　　　代码示范：

　　　　　　　　//实现带多个阴影效果的文字

　　　　　　　　<span style="text-shadow:5px 5px 2px #222,30px 30px 2px #555,50px 50px 2px #888">测试文字</span>

7.1.3　　使用font-size-adjust属性微调字体大小。

　　　　　　对西方文字来说，相同字号、不同字体的字母大小也是不同的，为了是页面的文字类型不一致切大小一致可以设置font-seze-adjust

　　　　　　来实现。font-size-adjust的属性值通常应设为该字体的aspect值。每种字体的aspect值等于该字体的小写x的高度除以该字体的大小。

　　　　　　例如某个字体的大小为100px，该字体的小写x的高度是58px，那么这种字体的aspect值为0.58。每种字体的aspect值总是固定的。

　　　　　　代码示范：

　　　　　　//实现所有文字宽度大致相同

　　　　　　　　#div1{

　　　　　　　　　　　　font-size：16pt;

　　　　　　　　　　　　font-family:"Arial Black";

　　　　　　　　　　　　font-size-adjust:0.52;

　　　　　　　　　　　}

　　　　　　　　#div2{

　　　　　　　　　　　　font-size：16pt;

　　　　　　　　　　　　font-family:"Bodoni MT";

　　　　　　　　　　　　font-size-adjust:0.48;

　　　　　　　　　　　}

　　　　　　　　#div1{

　　　　　　　　　　　　font-size：16pt;

　　　　　　　　　　　　font-family:"Niagara Solid";

　　　　　　　　　　　　font-size-adjust:1.22;

　　　　　　　　　　　}