長度單位
一個(gè)長度的值由可選的正號(hào)" "或負(fù)號(hào)" - "、接著的一個(gè)數(shù)字、還有標(biāo)明單位的兩個(gè)字母組成。在一個(gè)長度的值之中是沒有空格的，例如，1.3 em就不是一個(gè)有效的長度的值，但1.3em就是有效的。一個(gè)為零的長度不需要兩個(gè)字母的單位聲明。

無論是相對值還是絕對值長度，CSS1都支持。相對值單位確定一個(gè)相對于另一長度屬性的長度，因?yàn)樗�能更好地適應(yīng)不同的媒體，所以是首選的。以下是有效的相對單位:

em (em，元素的字體的高度)
ex (x-height，字母 "x" 的高度)
px (像素，相對于屏幕的分辨率)
絕對長度單位視輸出介質(zhì)而定，所以遜色于相對單位。以下是有效的絕對單位:

in (英寸，1英寸=2.54厘米)
cm (厘米，1厘米=10毫米)
mm (米)
pt (點(diǎn)，1點(diǎn)=1/72英寸)
pc (帕，1帕=12點(diǎn))

百分比單位
一個(gè)百分比值由可選的正號(hào)"＋"或負(fù)號(hào)"－"、接著的一個(gè)數(shù)字，還有百分號(hào)"%"。在一個(gè)百分比值之中是沒有空格的。

百分比值是相對于其它數(shù)值，同樣地用于定義每個(gè)屬性。最經(jīng)常使用的百分比值是相對于元素的字體大小。

顏色單位
顏色值是一個(gè)要害字或一個(gè)RGB格式的數(shù)字。

Windows VGA(視頻圖像陣列)形成了16各要害字: aqua，black， blue，fuchsia，gray，green， lime，maroon，navy，olive， purple，red，silver，teal，white，and yellow。

RGB顏色可以有四種形式:

#rrggbb (如，#00cc00)
#rgb (如，#0c0)
rgb(x,x,x) x是一個(gè)介乎0到255之間的整數(shù) (如，rgb(0,204,0))
rgb(y%,y%,y%) y是一個(gè)介乎0.0到100.0之間的整數(shù) (如，rgb(0%,80%,0%))
上述的例子指定同一顏色。

Douglas R. Jacobson先生還開發(fā)了速查手冊RGB Color Chart (61 kB)。

統(tǒng)一資源治理URLs
一個(gè)URL值的格式為 : url(foo)，foo是一個(gè)URL(統(tǒng)一資源治理，因特網(wǎng)的地址)。URL可以選擇用單引號(hào)( ' )或者雙引號(hào)( " )，并且，在URL之前或之后可以包含空格。

在URL中的括弧，逗號(hào)，空格，單引號(hào)，或雙引號(hào)必須避開反斜杠。不完整的URLs被理解為樣式表的源代碼，而不是HTML源代碼。

注重: Netscape Navigator 4.x 會(huì)錯(cuò)誤地將不完整的URLs理解為相關(guān)的HTML源代碼。注重到這個(gè)錯(cuò)誤后，網(wǎng)頁制作者應(yīng)該在可能的地方使用完整的URLs。

例如:

BODY { background: url(stripe.gif) }
BODY { background: url(/help/UploadFiles_4256/200504/20050429120506810.gif) }
BODY { background: url( stripe.gif ) }
BODY { background: url("stripe.gif") }
BODY { background: url(\"Ulalume\".png) } /* quotes in URL escaped */

將樣式表加入到HTML中

有很多方法將樣式表加入到HTML中，每個(gè)都帶有自己的優(yōu)點(diǎn)和缺點(diǎn)。新的HTML元素和屬性已被加入以答應(yīng)樣式表與HTML文檔更簡易地組合起來。

連接到一個(gè)外部的樣式表
嵌入一個(gè)樣式表
輸入一個(gè)樣式表
內(nèi)聯(lián)樣式
CLASS屬性
ID屬性
SPAN元素
DIV元素
關(guān)于認(rèn)證的備注
連接到一個(gè)外部的樣式表
一個(gè)外部的樣式表可以通過HTML的LINK元素連接到HTML文檔中:






標(biāo)記是放置在文檔的HEAD部分�？蛇x的TYPE屬性用于指定媒體類型--text/css是一個(gè)層疊樣式表--答應(yīng)瀏覽器忽略它們不支持的樣式表類型。為CSS文件配置服務(wù)器而將text/css當(dāng)作Content-type內(nèi)容發(fā)送出去也是一個(gè)好注重。

查看更多 動(dòng)易Cms教程  動(dòng)易Cms模板