詳細學習網頁製作技術CSS的屬性單位

css|網頁

由於樣式表項就是由屬性及其值組成的，因此有必要瞭解屬性值的各種單位。在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單位是基於使用者瀏覽器的預設值來定義的，從而使網頁設計者和瀏覽者都具有對字型大小的控制權--設計者可以指定需要擴大（或縮小）的比例，而真正的顯示尺寸則由使用者自己挑選。