1.基本語(yǔ)法 
CSS的定義是由三個(gè)部分構(gòu)成：選擇符（selector），屬性（properties）和屬性的取值（value）。 
基本格式如下： 
selector { property: value} 
（選擇符 { 屬性：值}） 
選擇符是可以是多種形式，一般是你要定義樣式的HTML標(biāo)記，例如BODY、P、TABLE……，你可以通過(guò)此方法定義它的屬性和值，屬性和值要用冒號(hào)隔開(kāi)： 
body { color: black} 
選擇符body是指頁(yè)面主體部分，color是控制文字顏色的屬性，black是顏色的值，此例的效果是使頁(yè)面中的文字為黑色。 
如果屬性的值是多個(gè)單詞組成，必須在值上加引號(hào)，比如字體的名稱經(jīng)常是幾個(gè)單詞的組合： 
p { font-family: "sans serif"} 
（定義段落字體為sans serif） 
如果需要對(duì)一個(gè)選擇符指定多個(gè)屬性時(shí)，我們使用分號(hào)將所有的屬性和值分開(kāi)： 
p { text-align: center; color: red} 
（段落居中排列；并且段落中的文字為紅色） 
為了使你定義的樣式表方便閱讀，你可以采用分行的書(shū)寫(xiě)格式： 
p 
{ 
text-align: center; 
color: black; 
font-family: arial 
} 
（段落排列居中，段落中文字為黑色，字體是arial） 
2.選擇符組 
你可以把相同屬性和值的選擇符組合起來(lái)書(shū)寫(xiě)，用逗號(hào)將選擇符分開(kāi)，這樣可以減少樣式重復(fù)定義： 
h1, h2, h3, h4, h5, h6 { color: green } 
（這個(gè)組里包括所有的標(biāo)題元素，每個(gè)標(biāo)題元素的文字都為綠色） 
p, table{ font-size: 9pt } 
（段落和表格里的文字尺寸為9號(hào)字） 
效果完全等效于： 
p { font-size: 9pt } 
table { font-size: 9pt } 
3.類選擇符 
用類選擇符你能夠把相同的元素分類定義不同的樣式，定義類選擇符時(shí)，在自定類的名稱前面加一個(gè)點(diǎn)號(hào)。假如你想要兩個(gè)不同的段落，一個(gè)段落向右對(duì)齊，一個(gè)段落居中，你可以先定義兩個(gè)類： 
p.right { text-align: right} 
p.center { text-align: center} 
然后用不在不同的段落里，只要在HTML標(biāo)記里加入你定義的class參數(shù)： 


這個(gè)段落向右對(duì)齊的 




這個(gè)段落是居中排列的 


注意：類的名稱可以是任意英文單詞或以英文開(kāi)頭與數(shù)字的組合，一般以其功能和效果簡(jiǎn)要命名。 
類選擇符還有一種用法，在選擇符中省略HTML標(biāo)記名，這樣可以把幾個(gè)不同的元素定義成相同的樣式： 
.center { text-align: center} 
（定義.center的類選擇符為文字居中排列） 
這樣的類可以被應(yīng)用到任何元素上。下面我們使h1元素（標(biāo)題1）和p元素（段落）都?xì)w為“center”類，這使兩個(gè)元素的樣式都跟隨“.center”這個(gè)類選擇符： 
 

這個(gè)標(biāo)題是居中排列的 



這個(gè)段落也是居中排列的 


注意：這種省略HTML標(biāo)記的類選擇符是我們經(jīng)后最常用的CSS方法，使用這種方法，我們可以很方便的在任意元素上套用預(yù)先定義好的類樣式。