CSS中的單位一覽 包括寬度尺寸單位 顏色單位 角度單位 頻率單位

相對長度單位  Relative Length Units

em
說明：相對長度單位。相對於當前對象內文本的字型尺寸。
如當前行內文本的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。
樣本：
div { font-size : 1.2em; }

ex
說明：相對長度單位。相對於字元“x”的高度。此高度通常為字型尺寸的一半。
如當前對行內文本的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。
樣本：
div { font-size : 1.2ex; }

px
說明：相對長度單位。像素（Pixel）。
像素是相對於顯示器螢幕解析度而言的。譬如，WONDOWS的使用者所使用的解析度一般是96像素/英寸。而MAC的使用者所使用的解析度一般是72像素/英寸。
樣本：
div { font-size : 12px; }

 

 

絕對長度單位  Absolute Length Units

pt
說明：
絕對長度單位。點（Point）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
樣本：
div { font-size : 9pt; }

pc
說明：
絕對長度單位。派卡（Pica）。相當於我國新四號鉛字的尺寸。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
樣本：
div { font-size : 0.75pc; }

in
說明：
絕對長度單位。英寸（Inch）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
樣本：
div { font-size : 0.13in; }

cm
說明：
絕對長度單位。厘米（Centimeter）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
樣本：
div { font-size : 0.33cm; }

mm
說明：
絕對長度單位。毫米（Millimeter）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
樣本：
div { font-size : 3.3mm; }

 

顏色單位  Color Units Reference

 

#RRGGBB
參數：
RR  : 紅色值。十六進位正整數
GG  : 綠色值。十六進位正整數
BB  : 藍色值。十六進位正整數

說明：
顏色單位。
以上三個參數，取值範圍為：00 - FF。
參數必須是兩位元。對於只有一位的，應在前面補零。
如果每個參數各自在兩位上的數字都相同，那麼本單位也可縮寫為 #RGB 的方式。例如：#FF8800 可以縮寫為 #F80。
請參閱 附錄：顏色表 。
樣本：
div { color: #FF0000; }
div { color: #F00; }

rgb(R,G,B)
參數：
R  : 紅色值。正整數 | 百分數
G  : 綠色值。正整數 | 百分數
B  : 藍色值。正整數 | 百分數

說明：
顏色單位。
以上三個參數，正整數值的取值範圍為：0 - 255。百分數值的取值範圍為：0.0% - 100.0%。超出範圍的數值將被截至其最接近的取值極限。
並非所有瀏覽器都支援使用百分數值。
請參閱 附錄：顏色表 。
樣本：
div { color: rgb(132,20,180); }
div { color: rgb(12%,200,50%); }

Color Name
說明：
顏色單位。顏色名稱。不同的瀏覽器會有不同的預定義顏色名稱。請查看 附錄：顏色表 。
樣本：
div {color: red; }

 

 

時間單位  Time Units Reference

s
說明：
時間單位。秒。時間的國際主單位。
1s = 1000 ms
樣本：
div { pause-after: 2s; }
div { pause-before: 2s; }

ms
說明：
時間單位。微秒。
1s = 1000 ms
樣本：
div { pause-after: 2s; }
div { pause-before: 2s; }

角度單位  Angle Units Reference

deg
說明：
角度單位。度。一個圓圈的360等分之一。
樣本：
body { azimuth: 75deg }
body { elevation: 75deg }

grad
說明：
角度單位。梯度。一個直角的100等分之一。一個圓圈相當於400grad。
樣本：
body { azimuth: 75grad }
body { elevation: 75grad }

rad
說明：
角度單位。弧度。把一個圓圈分成2*PI單位。
樣本：
body { azimuth: 3rad }
body { elevation: 5rad }

頻率單位  Frequency Units Reference

kHz
說明：
頻率單位。千赫。聲波的基本單位。
1kHz = 1000 Hz
樣本：
strong { pitch: 8kHz }

Hz
說明：
頻率單位。赫茲。聲波的基本單位。
1kHz = 1000 Hz
樣本：
strong { pitch: 75hz }