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

無論是相對值還是絕對值長度，CSS1都支持。相對值單位確定一個相對于另一長度屬性的長度，因為它能更好地適應不同的媒體，所以是首選的。以下是有效的相對單位:

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

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

百分比單位
一個百分比值由可選的正號"＋"或負號"－"、接著的一個數字，還有百分號"%"。在一個百分比值之中是沒有空格的。

百分比值是相對于其它數值，同樣地用于定義每個屬性。最經常使用的百分比值是相對于元素的字體大小。

顏色單位
顏色值是一個要害字或一個RGB格式的數字。

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是一個介乎0到255之間的整數 (如，rgb(0,204,0))
rgb(y%,y%,y%) y是一個介乎0.0到100.0之間的整數 (如，rgb(0%,80%,0%))
上述的例子指定同一顏色。

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

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

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

注重: Netscape Navigator 4.x 會錯誤地將不完整的URLs理解為相關的HTML源代碼。注重到這個錯誤后，網頁制作者應該在可能的地方使用完整的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中，每個都帶有自己的優點和缺點。新的HTML元素和屬性已被加入以答應樣式表與HTML文檔更簡易地組合起來。

連接到一個外部的樣式表
嵌入一個樣式表
輸入一個樣式表
內聯樣式
CLASS屬性
ID屬性
SPAN元素
DIV元素
關于認證的備注
連接到一個外部的樣式表
一個外部的樣式表可以通過HTML的LINK元素連接到HTML文檔中:






標記是放置在文檔的HEAD部分。可選的TYPE屬性用于指定媒體類型--text/css是一個層疊樣式表--答應瀏覽器忽略它們不支持的樣式表類型。為CSS文件配置服務器而將text/css當作Content-type內容發送出去也是一個好注重。

查看更多 動易Cms教程  動易Cms模板