CSS2.1 相對長度與絕對長度

相對長度單位(Relative length unit)

相對長度單位是在描述物理實際尺寸單位相對於某些其它動態參考度量的單位,這類型的度量單位傾向於在不同的媒體之間有較好的尺寸表現。在網頁應用中,我給了它一個比較白話的解釋:「相對就是別人相對於您所見之物,相對就是相對於某個實體物件的單位。」

  • em:一個換算系數相對於現行元素字體大小的一個特定值, 1em 的定義為字型 font-size 的值。如果未指定 font-size 的值,則會依據瀏覽器字型大小的設定。
  • ex:一個換算系數相對於現行元素字體「x-height」的一個特定值,也就是下圖 x 小寫英文字母的高度。
  • px:pixels(像素),相對於螢幕的一個特定值,也就電腦顯示的一個基本單位。

絕對長度單位(Absolute length unit)

絕對長度單位是在描述「具體」的物理實際尺寸單位。在網頁的應用中,個人覺得盡量不要使用絕對單位;因為每個瀏覽者的螢幕不同,其「點距」也不盡相同。再者,每個瀏覽者畫面的解析度亦不同,使用絕對單位會造成一些困擾。不過也有一些例外,例如使用在列印的應用上, pt 的效果反而比 px 佳。 :)

  • in:英吋。1 英吋 = 2.54 公分 = 25.4 公釐。
  • cm:公分(厘米)。1 公分 = 0.394 英吋。
  • mm:公釐(毫米)。1 公釐 = 0.0394 英吋。
  • pt:points(點,印刷用的標準單位)。1pt 相當於 1/72 英吋。
  • pc:picas(活字,排版名詞,12 點的打字機文字)。1pc 相當於 12pt。

文章分類

文章標籤