入門教程：CSS基本文法及用法入門

1.基本文法
CSS的定義是由三個部分構成：選擇符（selector），屬性（properties）和屬性的取值（value）。
基本格式如下：
selector { property: value}
（選擇符 { 屬性：值}）
選擇符是可以是多種形式，一般是你要定義樣式的HTML標記，例如BODY、P、TABLE……，你可以通過此方法定義它的屬性和值，屬性和值要用冒號隔開：
body { color: black}
選擇符body是指頁面主體部分，color是控制文字顏色的屬性，black是顏色的值，此例的效果是使頁面中的文字為黑色。
如果屬性的值是多個單片語成，必須在值上加引號，比如字型的名稱經常是幾個單詞的組合：
p { font-family: "sans serif"}
（定義段落字型為sans serif）
如果需要對一個選擇符指定多個屬性時，我們使用分號將所有的屬性和值分開：
p { text-align: center; color: red}
（段落置中排列；並且段落中的文字為紅色）
為了使你定義的樣式表方便閱讀，你可以採用分行的書寫格式：
p
{
text-align: center;
color: black;
font-family: arial
}
（段落排列置中，段落中文字為黑色，字型是arial）
2.選擇符組
你可以把相同屬性和值的選擇符組合起來書寫，用逗號將選擇符分開，這樣可以減少樣式重複定義：
h1, h2, h3, h4, h5, h6 { color: green }
（這個組裡包括所有的標題元素，每個標題元素的文字都為綠色）
p, table{ font-size: 9pt }
（段落和表格裡的文字尺寸為9號字）
效果完全等效於：
p { font-size: 9pt }
table { font-size: 9pt }
3.類選擇符
用類選擇符你能夠把相同的元素分類定義不同的樣式，定義類選擇符時，在自定類的名稱前面加一個點號。假如你想要兩個不同的段落，一個段落向靠右對齊，一個段落置中，你可以先定義兩個類：
p.right { text-align: right}
p.center { text-align: center}
然後用不在不同的段落裡，只要在HTML標記裡加入你定義的class參數：
<p class="right">
這個段落向靠右對齊的
</p>
<p class="center">
這個段落是置中排列的
</p>
注意：類的名稱可以是任意英文單詞或以英文開頭與數位組合，一般以其功能和效果簡要命名。