編寫css規則

一條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聲明是有意義的,因爲不同的標題級別有固定的大小。










發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章