CSS 的语法说简单也简单 -- 跟 Java,Python 这样的编程语言比起来. 但说复杂也复杂, 因为它里面有很多的技巧可以研究. 在 CSS 里有很多的属性是复合属性 -- 可以拆分成多个属性表示, 我们通常将复合属性称作简写, 比如今天要说的 font 属性.
font: 13px/22px Arial, Helvetica, sans-serif;
上面的写法就是一个复合写法. 中间有个斜杠的值是两个值, 分别表示字体的大小和行高, 我们把上面的复合写法拆解开, 等效于下面的这段代码:
- font-size:13px;
- line-height:22px;
- font-family:Arial, Helvetica, sans-serif;
可以看出, 简写的方式非常简练, 可以省去大量的繁琐. 使用 CSS 的简写方式是个好习惯, 能够大量的压缩 CSS 文件的体积, 减少带宽的使用, 加快网页的加载速度. 上面的例子并不是完整的 font 的复合写法, 它的完整的语法是这样的:
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
看起来很吓人吧, 的确, 我经常也不用复合写法, 主要原因是记不住它们的顺序. 对于记性好的朋友, 复合写法还是首选.
对于字体样式, 有一种古老的写法, 现在已经不推荐使用这种方式了:
这是正常大小. 这是 < font size="+2"> 更大的 </font> .
使用 < font > 标记也能实现设置字体样式的效果, 上面的例子这 "+2" 的意思是 "x-large", 字体增加 20%, 用标准的 CSS 表示, 可以等效成下面:
这是正常大小. 这是 < span style="font-size: x-large;"> 更大的 </span> .
或
这是正常大小. 这是 < span style="font-size: 1.2em;"> 更大的 </span> .
或
这是正常大小. 这是 < span style="font-size: 120%;"> 更大的 </span> .
来源: http://www.webhek.com/post/font.html