日期:2013-08-23  浏览次数:20920 次

由于款式表项就是由属性及其值组成的,因此有必要了解属性值的各种单位。在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单位是基于用户浏览器的默认值来定义的,从而使网页设计者和浏览者都具有对字体大小的控制权--设计者可以指定需求扩大(或缩小)的比例,而真正的显示尺寸则由用户本人挑选。