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%;}