由于样式表项就是由属性及其值组成的,因此有必要了解属性值的各种单位。在CSS中,各种单位与在HTML中有所不同,请读者注意区分。
1、长度单位
缩写 单位类型 说明
cm 厘米
em ems 当前字体中m字母的宽度
ex exs 当前字体中x字母的高度
in 英寸
mm 毫米
pc Picas 1 pica=12点
pt 点 1点=1/72英寸
px 象素 显示单位
注意:并非所有浏览器都支持以上长度单位。例如:IE3.x 不支持em和ex单位。NS4.0不支持pc单位。
在以上单位中,需要说明的是em和ex。
“em”所代表的高度就是大写字母“M”(或者“H”)的高度,假设当前使用的字体是12号,那么此时em就是12号。一般情况下,浏览器的默认字体都是12号。如果更改了默认的字号,则em的值会相应调整。
例如,假设现指定<H1>标记符中的字体大小为1.5em,则浏览器在编译HTML时就会执行下列过程:
(1)读取默认的字号大小值,比如12号;
(2)读取相对的定义值 1.5em;
(3)显示18号字体(12pt X 1.5=18pt)。
可以看出,em单位是基于用户浏览器的默认值来定义的,从而使网页设计者和浏览者都具有对字体大小的控制权--设计者可以指定需要扩大(或缩小)的比例,而真正的显示尺寸则由用户自己挑选。