■ 長度單位

在 CSS ，長度單位可以分為兩大類：絕對 (absolute) 單位以及相對 (relative) 單位。

相對單位包括：

絕對單位包括：

如果沒有註明單位，那預設的單位是 px。

以下是每一種單位的例子：

CSS 樣式 顯現結果

p {font-size:9px;}

文字大小為 9px。

p {font-size:3em;}

文字大小為 3em。

p {font-size:3ex;}

文字大小為 3ex。

p {font-size:0.2in;}

文字大小為 0.2 inch。

p {font-size:0.5cm;}

文字大小為 0.5 cm。

p {font-size:12mm;}

文字大小為 12 mm。

p {font-size:24pt;}

文字大小為 24 pt。

p {font-size:2pc;}

文字大小為 2 pc。

在大部分的情況下，用相對長度單位會比較適合。

這是因為，這樣子您能讓使用者依自己的喜好來加大或減小字體。

如果您用絕對長度單位的話，使用者就無法改變字體的大小了。

 

 

■ CSS 色彩表示方式 :

color (顏色) 屬性能讓我們在 CSS 中設定一個元素的顏色。

這個屬性可以有以下三類的設定值：

color 屬性的語法如下：

 

◎十六進位值:

{color:#XXXXXX;}

X 為十六進位碼 (從 0 到 9，以及 A 到 F)。

 

◎RGB:

{color:rgb(X,Y,Z); }   X、Y、和 Z 都是介於 0 和 255 之間的數字。
或是
{color:rgb(X%,Y%,Z%); }   X、Y、和 Z 都是介於 0 和 100 之間的數字。

 

◎顏色名稱:

{color:[顏色名稱];}

十六進位值是一個以六碼 (如果前兩碼、中間兩碼、以及最後兩碼都一樣的話，那也可以以三碼的形式表現。

舉例來說，#FFF 及 #FFFFFF 都是代表白色) 來設定顏色。

在這裡，我們就以上三種方式各舉一個例子：
CSS 樣式 顯現結果

p {color:#FF0000;}

FF0000 代表紅色。

p{color:rgb(255,0,255) }

rgb(255,0,255) 是粉紅色。

p {color:green;}

這是綠色。

這一個 顏色表 可以讓我們知道什麼碼會對應到什麼顏色。