正文

CSS速成指南(9)

CSS插件工具箱 作者:(英)Robin Nixon


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


上一章目錄下一章

Copyright ? 讀書網(wǎng) m.ranfinancial.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號(hào) 鄂公網(wǎng)安備 42010302001612號(hào)