CSS規(guī)則由選擇器和聲明組成,聲明為樣式規(guī)則,用于改變選擇器所匹配的HTML元素的外觀和行為。聲明由屬性名、冒號、屬性值和分號組成,每個聲明表示一種樣式規(guī)則。例如:
p { color: red; font-size: 24px; }
上述代碼中,p為選擇器,表示所有p元素匹配該樣式規(guī)則。color和font-size為屬性名,分別表示字體顏色和字體大小。red和24px為屬性值,表示分別改變字體顏色為紅色和字體大小為24像素。冒號和分號分別用于分隔屬性名和屬性值,以及分隔不同的聲明。
聲明的順序無所謂,但通常按照字母表順序排列,以便更好的組織和查找。在編寫CSS時,可以通過聲明多個選擇器來共享樣式規(guī)則,例如:
p, span { color: red; }
上述代碼中,p和span為不同的選擇器,表示所有p和span元素都匹配該樣式規(guī)則,將字體顏色都改為紅色。同樣,也可以通過聲明多個屬性來改變元素的多種外觀,例如:
p { color: red; font-size: 24px; background-color: yellow; }
上述代碼中,除了字體顏色和大小,還將p元素的背景色改為黃色。因此,在編寫CSS規(guī)則時,聲明部分是用于定義樣式規(guī)則的關鍵部分,屬性決定了元素的外觀和行為,屬性值則決定了屬性的具體取值。合理的組合和使用不同的聲明,可以讓頁面更加美觀,同時也更加易于維護。