一條css規則由應用到文檔的一個或多個元素的指令組成。它包含兩個部分:選擇器和聲明塊。
h1 {font-size: 1.5em;}其中h1是選擇器,花括號裏面的是聲明塊
這條規則設置了文檔中的任何h1標籤的內容大小都爲1.5em,這條規則的選擇器部分定義了規則應用的對象,它可以是任何XHTML標籤,也可以是其他css元素,例如類和ID。聲明塊定義了規則所做的事情,它包括了花括號之間的所有內容,也包括花括號在內。
聲明塊以一個左花括號開始,然後是聲明自身。它包含一個屬性(在上面的規則中,是font-size),一個冒號和屬性的一個值(上面的例子中是1.5em)。屬性總是和值成對地出現。在值的後面,必須有一個分號(表示聲明的結束)。在一個單獨的聲明塊中,可以有任意多個聲明,只要用分號隔開他們就行了。比如:
h1 {font-size: 1.5em; font-weight: bold; color: green;}
聲明塊中的冒號和分號後面的空格是可選的,但使用空格會使規則更容易閱讀,因此,建議使用空格。在最後的分號和右花括號之間,不需要空格。
也可以在編寫規則時使用回車,並且在每個聲明之間縮進,這也可以使規則更易於閱讀,如下:
h1, {
font-size: 1.5em;
font-weight: bold;
color: green;
}
如果要對多個選擇器應用同樣的聲明,只需要給規則添加格外的選擇器,選擇器之間用逗號隔開:
h1, h2, h3 {
font-size: 1.5em;
font-weight: bold;
color: green;
}
這可以使你減少很多錄入的工作,因爲你不必再針對每個標籤重複聲明。在這個例子中,移除font-size聲明是有意義的,因爲不同的標題級別有固定的大小。