1.顏色值

最為簡潔明了的制定顏色值的方法是利用顏色的名字。HTML4和CSS2規定了16種顏色，CSS2.1新增了一個Orange。要指定顏色很簡單：

<div style="background-color:Gray">Gray</div>

下圖是17種顏色的示例：

使用命名來指定顏色的話種類很有限，更加通用的方法是用RGB分量來制定。RGB可以用三個0到255的整數來指定，也可以用一個百分數來指定。或者利用#加上三個連寫在一起的兩位16進制數來表示。例如：

<div style="background-color:rgb(75,0,0);"> </div><div style="background-color:rgb(10%,15%,0%);"></div><div style="background-color:#334455;"></div>

2 長度單位

長度單位中最常用的是px，1個px就是屏幕上的一個像素點。實際上，不同屏幕的像素點的大小是不一樣的（點距不同），因此，同樣10px的字體在不同的顯示器上的顯示效果不太一樣。不過這種差別一般不會太大。使用px也是最常見的選擇。

還一個是em，em被定義為當前字體大小。

pt和px經常混淆。pt的精確定義是1inch=72pt=2.54cm. 它定義的是一個絕對的物理意義上的長度，然而事實上，瀏覽器很難知道你的顯示器上一個像素到底有多寬，也就無法精確的現實這些物理距離。從像素到物理長度單位轉換靠的操作系統的設置。一般的操作系統把96個像素當作1英寸。早期的Mac系統這個值是72。因此，在早期的Mac中，使用pt和px的效果是完全一樣的。在windows下使用pt大約是px的1.2倍大。當然，操作系統的這個值是可以根據用戶的設置來調節的。因此，使用pt，cm這一類的值意義不是太大。

3. 字體

我們通常意義所說的字體的確切含義是字體族，例如，Times字體常常包括TimesItatlic,TimesOblique等字體。在css中用font-famliy來指定字體。然而，瀏覽器在實際顯示的時候，還是依賴于客戶機上所安裝的字體。如果利用css指定了一種不很常見的字體，在客戶機器上沒有安裝此字體，那么該字體是不會被應用的。因此，要注意盡量使用通用的字體。英文字體主要有以下幾種：Arial,Times,Verdana,Helvetica,Courier等。除了直接指定這些字體，CSS還定義一組通用字體，這些通用字體包括幾種相似的通常的字體，當指定通用字體的時候，瀏覽器會從中挑出一種作為顯示字體。但是瀏覽器除了IE以外對于這種通用字體的支持都不太好。

下面是5種通用系列。

IE8，IE8的字體一流漂亮：

Chrome 4，很奇怪Chrome 4似乎沒有正確的解析Sans-serif字體。

更加奇怪的是Firefox完全不支持這種字體指定方式 –_-!!! 。有待研究。最后上一張常見英文字體的樣子，還是用IE8的，IE8 的字體最漂亮。