[摘要]有关使用CSS来精确定义页面的外观,相信大家都不会陌生,但面对众多的CSS属性,对于初学者难免有些害怕,虽然有很多功能强大的网页制作软件可以让你不用键盘就可以定义CSS属性,但了解源代码还是必不可少的!从这一次开始,将系统地介绍CSS的各个属性,因为对页面产生影响的最终手段还是使用属性。因此,熟练地
有关使用 CSS 来精确定义页面的外观,相信大家都不会陌生,但面对众多的CSS属性,对于初学者难免有些害怕,虽然有很多功能强大的网页制作软件可以让你不用键盘就可以定义CSS属性,但了解源代码还是必不可少的!从这一次开始,将系统地介绍 CSS 的各个属性,因为对页面产生影响的最终手段还是使用属性。因此,熟练地掌握 CSS 的每一个属性及各个属性值是十分必要的。
每个人在浏览页面时,对页面的第一印象可能就是文档所使用的字体和页面上的各种颜色。可以这样说,一个页面字体使用得好坏可以直接关系到页面的浏览质量。因此,在 CSS 中有关字体的属性都具有非常强大的功能。在定义时务必使用一些能够被 UA 识别的字体,下面我们就来看看有关字体的一些属性。
这个属性是一个按照优先顺序列出的字体名称,它的表述方法与大多数的 CSS 属性有些不同,它的值是用逗号分隔的,用来指定可替换的字体。
上面这行代码执行时,如果浏览器没有寻找到“gill”字体,那么就使用“helvetica”或者用“sans-serif”字体替代。
“font-style”属性选择了字体中的普通或斜体字形。在 UA 的字体数据库中被标记“oblique”的字体,有时并不是天生的斜体,而是被系统自动变斜的普通字形。
“font-variant” 属性决定了字符是以普通还是以小体大写(small-caps)显示。所谓小体大写,就是字体中的所有小写字母看上去与大写字母一样,只不过尺寸比标准的大写要小一点。如果指定的小体大写不存在,那么就用普通字体,并且用大写字母代替其中所有的小写字母。
“font-weight” 定义了字体的粗细值。这些值从“100”排到“900”,每一个数字所表示的字体都要比它前一个粗一些。在这些值当中,“normal”相当于“400”,“bold”相当于“700”。至于其它关键字都是相对于上级元素的粗细来继承的。

