CSS是一種用于樣式化網(wǎng)頁的語言。其中最基礎(chǔ)的部分就是CSS規(guī)則定義。每個CSS規(guī)則定義由選擇器和聲明塊組成。
選擇器是用于定位HTML元素的,可以根據(jù)元素的標(biāo)簽名、類名、ID、屬性等來進(jìn)行選擇。例如:
p { font-size: 16px; color: #333; } #header { background-color: #ddd; }
上面的代碼中,第一個CSS規(guī)則定義使用了p選擇器,表示應(yīng)用到頁面中所有的<p>標(biāo)簽元素上。第二個CSS規(guī)則定義使用了ID選擇器#header,表示應(yīng)用到頁面中ID為“header”的元素上。
聲明塊則是由一組屬性和屬性值組成,用于對選中的元素進(jìn)行樣式修飾。例如:
.selector { font-size: 16px; color: #333; background-color: #ddd; }
上面的代碼中,聲明塊中含有3個屬性:font-size、color和background-color,分別對應(yīng)著文本字號、文本顏色和背景顏色。屬性值為對應(yīng)屬性所描述的具體值。
CSS規(guī)則定義非常靈活,可以使用多種選擇器和多個聲明塊組合在一起,以實現(xiàn)復(fù)雜的樣式效果。例如:
#sidebar p { font-size: 14px; color: #666; } .selector, .other-selector { font-weight: bold; }
上面的代碼中,第一個CSS規(guī)則定義使用了組合選擇器#sidebar p,表示應(yīng)用到頁面中ID為“sidebar”的元素下所有的<p>標(biāo)簽元素上。第二個CSS規(guī)則定義使用了多個選擇器,表示應(yīng)用到頁面中所有class為“selector”或“other-selector”的元素上。