css語法結構有哪些

2014-08-04 6332

分享至：

說完XHTML的網站制作基礎知識，下一步將是我們的重頭戲CSS了。而將CSS應用到XHTML之中，首先要做的就是選用合適的選擇符，選擇符是CSS控制XHTML文檔中對象的一種方式。簡單地說，它用于告訴瀏覽器，這段樣式將應用到哪個對象。

CSS屬性與選擇符

CSS的語法結構僅由3個部分組成:選擇符(Selector).屬性(Property)和值(Value)。

使用方法:

Selector {Property:Value;}

選擇符(Selector)又稱選擇器，指這組樣式編碼所要針對的對象，可以是一個XHTML標簽(如body, h1)，也可以是定義T特定id或class的標簽(如#main，選擇符表示選擇

即一個被指定了id名為main的對象)。瀏覽器將對CSS選擇符進行嚴格的解析，每一組樣式均會被瀏覽器應用到對應的對象上。

屬性(Property)是CSS樣式控制的核心，對于梅個XHTML標簽，CSS都提供了豐富的樣式屬性，比如顏色、大小、定位、浮動方式等。

值(value)指屬性的值，形式有兩種，一種是指定范圍的值(如float屬性，只可能應用left, right, none三種值)，另一種為數值(如width能夠使用0-9999px或其他數學單位來指定)。

在實際應用中，我們往往使用以下類型的應用形式：

body {background-color:blue;}

它表示選擇符為body，即選擇了頁而中的標簽，屬性為background-color,這個屬性用于控制對象的背景色，其位為blue。可見，頁面中的body對象的背景色，通過使用這組Css編碼，被定義為藍色。

除了對單個屬性的定義，同樣可以為單個標簽定義一個或者多個屬性，每個屬性之間使用分號隔開。

類型選擇符

上面的body{}便是一種類型選擇符。所謂類型選擇符，指以網頁中己有的標簽名作為名稱的選擇符，body是網頁中的一個標簽名，div也是，span也不例外。因此以下的選擇符都是類型選擇符，它們將控制頁面中所有body(body自然只有一個).div或span.
body{}
div{}
span{}

來源聲明：

本文章系尚品中國編輯原創或采編整理，如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡，如有侵權，請及時與本站聯系（010-60259772）。