2.5 度量單位
CSS支持較廣范圍的不同度量單位,這使得可以將Web頁(yè)面精確裁切到特定值或相對(duì)尺寸。筆者通常使用的(也是最有用的)度量單位包括像素、磅、em和百分比。
● 像素 像素的大小隨用戶顯示器的大小和像素深度而變。1個(gè)像素等于屏幕上一個(gè)點(diǎn)的寬度/高度,因此這個(gè)度量單位最適合于顯示器。
例如:#classname {margin:5px;}
● 磅 1磅相當(dāng)于1/72英寸。這個(gè)度量單位源自打印設(shè)計(jì)的背景,最適合于媒體,但也常用于顯示器。
例如:#classname {font-size:14pt;}
● 英寸 1英寸相當(dāng)于72磅,它也是最適合打印的度量單位類型。
例如:#classname {width:3in;}
● 厘米 厘米是另一個(gè)最適合于打印的度量單位。1厘米約為28磅。
例如:#classname {height:2cmt;}
● 毫米 1毫米是1厘米的十分之一(或約3磅)。毫米也是最適合于打印的度量單位。
例如:#classname {font-size:5mm;}
● pica pica是另一種印刷度量單位,1pica等于12磅。
例如:#classname {font-size:1pc;}
● em 1em等于當(dāng)前字體大小,它是CSS較有用的度量單位之一,因?yàn)樗糜诿枋鱿鄬?duì)尺寸。
例如:#classname {font-size:2em;}
● ex ex也相對(duì)于當(dāng)前字體大小,它等于小寫字母x的高度。這是個(gè)不太常用的度量單位,通常作為一個(gè)近似值幫助設(shè)置將包含一些文本的方框的寬度。
例如:#classname {width:20ex;}
● 百分比 這個(gè)單位與em相關(guān),因?yàn)樗『?00倍大(當(dāng)用于字體時(shí))。1em等于當(dāng)前字體大小,而同樣的大小以百分比表示為100。如果與字體不相關(guān),那么這個(gè)單位則相對(duì)于被訪問屬性的容器的大小。
例如:#classname {height:120%;}