CSS語法
一個CSS規則集由一個選擇器和一個聲明塊組成：
選擇器指向的HTML元素要的風格。
聲明塊包含用分號分隔的一個或多個聲明。
每個聲明包含一個CSS屬性的名稱和值，以冒號分隔。
一個CSS聲明總是以分號結束，聲明塊是用大括號包圍。
在下面的例子中，所有<p>元素將是中心對齊，用紅色文字顏色：
CSS選擇
CSS選擇器是用來"find" （或選擇）根據自己的元素名稱，ID，等級，屬性，更多的HTML元素，。
元素選擇
元素選擇器選擇基於元素名稱元素。
可以選擇所有<p>這樣的頁面上的元素（在此情況下，所有的<p>元素將是中心對齊，用紅色文字顏色）：
ID選擇
ID選擇使用HTML元素的id屬性選擇一個特定的元素。
元素的ID應該是一個頁面內唯一的，所以ID選擇用來選擇一個獨特的元素！
要選擇具有特定ID的元素，寫一個哈希（＃）字符，其次是元素的ID。
樣式規則下面將被應用到HTML元素id="para1"
 | 注：一個ID名稱不能以數字開頭！ |
|---|
類選擇
類選擇選擇與特定的類屬性的元素。
選擇具有特定的類元素，寫一個period (.)的字符，隨後是類的名稱。
在下面的例子中，所有的HTML元素class="center"將是紅色的中心對齊：
您還可以指定只有特定的HTML元素應該由類的影響。
在下面的例子中，只<p>的元素class="center"將成為中央對齊：
HTML元素也可以指一個以上的類。
在下面的例子中， <p>元素將根據其樣式class="center"和class="large" ：
| 注：一類名稱不能以數字開頭！ |
|---|
分組選擇器
如果你有相同的樣式定義的元素，就像這樣：
h1
{
text-align: center;
color: red;
}
h2
{
text-align: center;
color: red;
}
p
{
text-align: center;
color: red;
}這將是更好的組選擇器，以最小化的代碼。
為了組選擇，每個選擇用逗號分隔。
在下面的例子中，我們已經進行分組從上述代碼選擇器：
CSS評論
註釋用於解釋代碼，並可能有助於當你在以後的日子編輯源代碼。
註釋由瀏覽器忽略。
一個CSS註釋以/* and ends with */ 。 評論還可以跨越多行：
例
p
{
color: red;
/* This is a single-line comment */
text-align: center;
}
/* This is
a multi-line
comment */
試一試»