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;
}
6月19号=》171页-175页,布布扣,bubuko.com
原文地址：http://www.cnblogs.com/duzuoyan/p/3798324.html
