CSS入门之控制字体

王朝html/css/js·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

这一节我们将讨论如何用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是最加重的字体参数值。

下一节我们讨论文字的定位.

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航