2.5  度量单位

CSS支持较广范围的不同度量单位，这使得可以将Web页面精确裁切到特定值或相对尺寸。笔者通常使用的(也是最有用的)度量单位包括像素、磅、em和百分比。

● 像素  像素的大小随用户显示器的大小和像素深度而变。1个像素等于屏幕上一个点的宽度/高度，因此这个度量单位最适合于显示器。

例如：#classname {margin:5px;}

● 磅  1磅相当于1/72英寸。这个度量单位源自打印设计的背景，最适合于媒体，但也常用于显示器。

例如：#classname {font-size:14pt;}

● 英寸  1英寸相当于72磅，它也是最适合打印的度量单位类型。

例如：#classname {width:3in;}

● 厘米  厘米是另一个最适合于打印的度量单位。1厘米约为28磅。

例如：#classname {height:2cmt;}

● 毫米  1毫米是1厘米的十分之一(或约3磅)。毫米也是最适合于打印的度量单位。

例如：#classname {font-size:5mm;}

● pica  pica是另一种印刷度量单位，1pica等于12磅。

例如：#classname {font-size:1pc;}

● em  1em等于当前字体大小，它是CSS较有用的度量单位之一，因为它用于描述相对尺寸。

例如：#classname {font-size:2em;}

● ex  ex也相对于当前字体大小，它等于小写字母x的高度。这是个不太常用的度量单位，通常作为一个近似值帮助设置将包含一些文本的方框的宽度。

例如：#classname {width:20ex;}

● 百分比  这个单位与em相关，因为它恰好100倍大(当用于字体时)。1em等于当前字体大小，而同样的大小以百分比表示为100。如果与字体不相关，那么这个单位则相对于被访问属性的容器的大小。

例如：#classname {height:120%;}