这一节我们将讨论如何用CSS 来控制元素中字体的形状, 大小, 风格.
字形
CSS 用来控制字形的性质是 font-family. 你可以用它来决定任何一个元素中文字的字形. 比如 H1, H2, P {font-family: 楷体}
TD {font-family: arial}
这就是说在网页中的 H1, H2, 和 P 的字形是楷体, 而 TD 中的字形是 arial. 现在问题是你不知道访客的浏览器里面有没有楷体. CSS 允许你给 font-family 多于一个以上的字形, 比如
H1, H2, P {font-family: 楷体, 黑体, 宋体}
上面这个定义可以使得浏览器先用楷体, 如果没有就用黑体...记住每个字形之间要用逗号隔开.
大小
用来控制字体大小的性质是 font-size 样式表可以识别许多种确定一种要素尺寸的不同单位:
第1种, points:
P { font-size: 16pt }
这条代码告诉浏览器以16 points(点)的尺寸显示<P>。
Points是确定文字尺寸非常好的单位,因为它在所有的浏览器和操作平台上都适用。你唯一需要留意的就是在缺省设置下,PC机中显示的字要比MAC机中显示的大一些。
下一个单位,pixels:
P { font-size: 20px }
从网页设计的角度来说,pixel(象素)是一个非常熟悉的单位,它最大的优点就在于所有的操作平台都支持pixel单位(而对于其它的单位来说,PC机的文字总是显得比MAC机中大一些。
而其不利之处在于,当你使用pixels单位时,网页的屏幕显示不稳定,字体时大时小,甚至有时根本不显示,而points 单位则没有这种问题。
此外你还可以试试em、in、cm、mm、pc、ex等单位
斜体
如果想让字体成为斜体, 要用 font-style 性质, 比如 P {font-style: italic}
如果字体风格设为normal,它将取消斜体字风格,将字体以正常形式显示。
加重
用 font-weight 来调节文字的粗细, 比如 P {font-weight: bold}
font-style 的可能的值是 lighter, normal, bold, bolder bold是字重最常见的应用方式,而normal属性也可以取消加重字体,将字体以正常形式显示。
你还可以用数值100,200,...900。正常的非加重体的字体值为400,900是最加重的字体参数值。
下一节我们讨论文字的定位.