CSS規(guī)則主要由選擇器和聲明組成。
選擇器是用來(lái)指定要修改樣式的HTML元素的標(biāo)識(shí)符。可以是標(biāo)簽名、類(lèi)名、ID名、屬性名等等。例如:
p { color: red; }其中,p是選擇器,表示修改所有的p標(biāo)簽的樣式。而color:red;是聲明,表示將p標(biāo)簽的文字顏色設(shè)置為紅色。 聲明由屬性和值兩部分組成。屬性是需要修改的樣式屬性的名稱(chēng),例如文字顏色、背景顏色、邊框等等。而值則是該屬性的設(shè)置值。例如:
p { color: red; background-color: blue; border: 1px solid black; }在這個(gè)例子中,color是屬性,red是它的值;background-color是屬性,blue是它的值;border是屬性,1px solid black是它的值,它是一個(gè)復(fù)合的值,包含了三個(gè)子屬性:線條寬度、線條樣式和顏色。 在CSS規(guī)則中,可以同時(shí)定義多個(gè)聲明,用分號(hào)隔開(kāi),例如:
p { color: red; background-color: blue; border: 1px solid black; font-size: 16px; }這些聲明會(huì)一起作用于同一個(gè)選擇器選中的HTML元素上。因此,CSS規(guī)則的作用就是通過(guò)選擇器選中HTML元素,并對(duì)其應(yīng)用一個(gè)或多個(gè)聲明,從而改變其外觀和行為。