樣式規則是CSS的基本單位，每個樣式規則由選擇器（selector）和宣告塊（declaration block）兩個基本部分構成。

選擇器決定為哪些元素應用樣式，宣告塊定義相應的樣式。宣告塊包裹在一對花括號中。宣告塊由一條或多條宣告（declaration）組成，每條宣告由一個屬性和一個值組成，屬性和值之間用冒號隔開。屬性是希望設定的樣式屬性，每個屬性有一個值。

具體來講，一個樣式規則由選擇器、屬性和值這 3 部分構成。格式如下：

1. selector { property: value;}

為了全面描述一個元素的樣式，通常需要指定多個屬性，每個屬性就需要一條宣告，多條宣告之間用分號隔開（最後一條宣告可以省略分號）。如：

1. h1 { color: red; font-size:14px}

上述樣式規則中，h1 是選擇器，其中包含兩條宣告。第一條宣告中，color 是屬性， red是 color 屬性的值；第二條宣告中，font-size 是屬性，14px 是 font-size 屬性的值。樣式規則的結構如圖 1‑2 所示：

上述規則就表示，為頁面上的所有 h1 標題應用樣式，其作用是將 h1 元素內的文字顏色定義為紅色，同時將字型大小設定為 14 畫素。

一個樣式規則中包含多條宣告時，宣告的順序並不重要，並且多條可以在一行內書寫，也可以在多行內書寫。為了閱讀方便，建議一行只寫一條宣告，一般是將選擇器和左大括號放在第一行，然後一條宣告寫一行，右大括號則單獨放在最後一行。由於瀏覽器會忽略樣式規則中的所有空格和跳格，建議使用空格或跳格為每條宣告增加縮排，並在冒號和屬性值之間增加一個空格。如：

1. h1 {
2.    color: red;
3.    font-size:14px;
4. }

在定義屬性時，如果屬性的值由多個單片語成，單詞之間存在空格，則必須把屬性值放在引號中。引號既可以是單引號，也可以是雙引號。如：

1. p {
2.    font-family:'Times New Roman';
3. }

本樣式規則中，font-family屬性的值為Times New Roman，由於該值是多個單片語成，所以加上了引號。

某些經常在一起使用的樣式屬性，可以組合起來使用一個特殊的複合屬性。複合屬性中，屬性會包含多個值，值之間需要使用空格隔開。

如，描述邊框的border-width、border-style、border-color屬性，就可以使用複合屬性 border 來一次性設定完成。

1. img {
2.    border:1px solid blue;
3. }

CSS對所有的屬性和值都有嚴格要求，如果宣告的屬性名稱在CSS規範中不存在，或者屬性的值不符合該屬性的要求，則該宣告就不會生效。