最為簡潔明了的制定顏色值的方法是利用顏色的名字。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以外對于這種通用字體的支持都不太好。
新聞熱點
疑難解答