最為簡潔明瞭的制定顏色值的方法是利用顏色的名字。html4和css2規定了16種顏色，css2.1新增了乙個orange。要指定顏色很簡單：
&l程式設計客棧t;div style="background-color:gray">graydiv>下圖是17種顏色的示例：
使用命名來指定顏色的話種類很有限，更加通用的方法是用rgb分量來制定。rgb可以用三個0到255的整數來指定，也可以用乙個百分數來指定。或者利用#加上三個連寫在一起的兩位16進製制數來表示。例如：
div>
div>
div>長度單位中最常用的是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這一類的值意義不是太大。
我們通常意義所說的字型的確切含義是字型族，例如，times字型常常包括timesitawww.cppcns.comtlic,timesoblique等字型。在css中用font-famliy來指定字型。然而，瀏覽器在實際顯示的時候，還是依賴於客戶機上程式設計客棧所安裝的字型。如果利用css指定了一種不很常見的字型，在客戶機器上沒有安裝此字型，那麼該字型是不會被應用的。因此，要注意盡量使用通用的字型。英文本型主要有以下幾種：arial,times,verdana,helvetica,courier等。除了直接指定這些字型，css還定義一組通用字型，這些通用字型包括幾種相似的通常的字型，當指定通用字型的時候，瀏覽器會從中挑出一種作為顯示字型。但是瀏覽器除了ie以外對於這種通用字型的支援都不太好。
下面是5種通用系列。
ie8，ie8的字型一流漂亮：
chrome 4，很奇怪chrome 4似乎沒有正確的解析sans-serif字型。
更加奇怪的是firefox完全不支援這種字型指定方式 –_-!!! 。有待研究。最後上一張常見英文本型的樣子，還是用ie8的，ie8 的字型最漂亮。
本文標題: css值、單位和字型說明
本文位址:
CSS值 單位和字型
最為簡潔明瞭的制定顏色值的方法是利用顏色的名字。html4和css2規定了16種顏色，css2.1新增了乙個orange。要指定顏色很簡單 div style background color gray gray div 下圖是17種顏色的示例 使用命名來指定顏色的話種類很有限，更加通用的方法是用r...
CSS單位（字型）
px px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。emem是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。引自css2.0手冊 任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合 1em...
css字型單位
了解 首先先了解四個字型單位 px em pt rem px 單位名稱為畫素，相對長度單位，畫素 px 是相對於顯示器螢幕解析度而言的，國內推薦 em 單位名稱為相對長度單位。相對於當前物件內文字的字型尺寸，國外使用比較多 pt 全稱為point，但中文不叫 點 確切的說法是乙個專用的印刷單位 磅 ...