CSS值和單位

數字

CSS中有兩類數字：整數和實數

百分數

百分數是一個計算得出的實數，總是相對於另一個值，這個值是任意的，可能是同一個元素另一個屬性的值、從父元素繼承的一個值、祖先元素的一個值。

顏色

命名顏色

CSS規範中定義了17個顏色名。aqua,fuchsia,lime,olive,red,white,black,gray,maroon,orange,silver,yellow,blue,green,navy,purple,teal

RGB/RGBA

函數RGB

函數rgb(color),其中color用一個百分數或者整數三元組表示。百分數範圍0%_{100%,整數範圍0}255。

rgb(red, green, blue, alpha), Alpha透明度,取值0~1之間

十六進制RGB

#加三個介於00~FF的十六進制數連起來來表示顏色。

例如: h1 { color: #FF000; } 等價於 RGB(255,0,0);

長度單位

絕對長度

有五種絕對長度單位:

1. 英寸(in)

2. 釐米(cm)

3. 毫米(mm)

4. 點(pt) (標準印刷度量單位) 1英寸是72點

5. 派卡(pc) 印刷單位 1派卡相當於12點，6派卡等於1英寸

只有當瀏覽器知道用來顯示頁面的顯示器、打印機或者其他任何用戶代理的所有細節時，這些單位纔有用。

相對長度

1. em

   1個em定義爲一種給定字體的font-size值。如果一個元素的font-size爲14像素，那麼對於該元素，1em就等於14像素。

2. ex

   是指所用字體中小寫x的高度。

3. px

   像素

URL

url(prococol://server/pathname)或者url(pathname)

例如: url(http://www.baidu.com/a.png)

在CSS中，相對URL要相對於樣式表本身，而不是使用該樣式的HTML文檔

url和開始括號之間不能有空格