精通样式表技术笔记（四）

16、对字体各种浏览器的支持应用：
 每次将一种generic字体作为最后的选项列在字体列表中是一种很好的做法。你可以选择以下几种： 
serif (也可能是 Times) 
sans-serif (也可能是 Arial或者 Helvetica) 
cursive (也可能是 Comic Sans) 
fantasy (也可能是 Ransom) 
monospace (也可能是 Courier) 
（注意：Netsacpe Communicator不支持Cursive或者fantasy）

 

其它字体名称诀窍： 

如果一种字体的名称不只一个单词，如Gill Sans，在你的CSS代码中用引号包含该字体的名称。 
BODY { font-family: "gill sans", "new baskerville", serif }

行内加入的CSS规则，使用单引号： 
<P STYLE="font-family:
'gill sans', 'new 
baskerville', serif">Text 
goes here.</P>

如果你将CSS规则的说明组合在一起，而其中又包含字模系列，将字模系列列在最后，例： 
H2 { color: red; margin: 
10px; font-family: times, 
serif }

17、字号

使用font-size 属性，你可以对文字的尺寸进行无限的控制。 

确定这的3种基本方法： 

Points, ems, pixels, 及其它单位 
关键字 
比例参数 
Points, Ems, Pixels, 及其它单位

太简单了就不写了！

18、字体风格 

字体风格用来控制斜体字的属性，非常漂亮又非常简单： 

H3 { font-style: italic }

当浏览器接到应用斜体字的指令后，它将用户的机器中寻找安装的斜体字版本，
如果不存在斜体字，浏览器将生成一种。常，就是指将正常的字体倾斜显示。

如果一种字体的名称为Oblique，而不是Italic，浏览器就会使用oblique作为字体风格的参数。

字体风格的第3种参数是normal，它将取消斜体字风格，将字体以正常形式显示。 

字重 

加重风格可以关闭或打开，利用字重属性，可以创造出一系列新的加重字体。 

P { font-weight: bold }

这是字重最常见的应用方式，而normal属性也可以取消加重字体，将字体以正常形式显示。

你还可以用数值100，200，...900。正常的非加重体的字体值为400，900是最加重的字体参数值。

19、字体特殊效果：
字体参数（font-variant)

这时一种挺简单的属性，你可以将正常文字缩小一半尺寸后大写显示。 

H2 { font-variant: small-caps }

文字变形（text-transform） 

这项属性可以使你轻而易举地控制字母写。基本代码： 

B { text-transform: uppercase }

以下为所有可用的参数： 

uppercase 使所有字母大写显示，
例： 
This sentence serves as an example. 
lowercase使所有字母小写显示，
例： 
This sentence serves as an example. 
capitalize 使每个单词的第1个字母大写显示，例：
This sentence serves as an example. 
none 使所有继承的文字变形参数被忽略，文字将以正常形式显示。

B { text-decoration: underline }

大部分的选项使得文字变得难以阅读： 

underline 给文字下划线，例：
these words. 
overline给文字上划线，例：
these words. 
line-through给文字划出删除线，
例：these words. 
blink是你在恶梦中常常看到的－－
文字在闪烁，例：
these words. 
none使得上述效果都不会发生。 

none参数非常有用，你可以使链接的文字不以下划线的形式显示。具体做法： 

A:link { text-decoration: none }
A:active { text-decoration: none }
A:visited { text-decoration: none }

 

20、字间距 

利用字间距属性，你可以在字之间加入更的距离： 

H3 { word-spacing: 1em }

你所使用的参数值将加入任何浏览器的缺设置，你可以使用任何种长度单位： 

in （英寸） 
cm （厘米） 
mm （毫米） 
pt （点数） 
pc （打字机字间距） 
em （ems） 
ex (x-height) 
px （象素）

字母间距 

H3 { letter-spacing: 10px }