CSS規(guī)則中的聲明是什么意思呢?在CSS中,每一個(gè)規(guī)則都由選擇器和聲明組成。而聲明就是選擇器所選元素的屬性和對(duì)應(yīng)的值。例如:
p { color: red; }
這里的p就是選擇器,而color: red;就是聲明,它表示所有的p元素將被設(shè)置為紅色。
在聲明中,屬性和屬性值之間用冒號(hào)隔開,而屬性和屬性之間用分號(hào)隔開。例如:
h1 { font-size: 2em; color: #333; margin-top: 20px; }
這里的屬性有font-size,color和margin-top,它們的值分別是2em,#333和20px。這些聲明一起構(gòu)成了h1元素的樣式。
聲明可以單獨(dú)出現(xiàn)在樣式表中,也可以組合成規(guī)則。一個(gè)規(guī)則中可以包含多個(gè)聲明,用大括號(hào)括起來。例如:
p { color: red; font-size: 16px; line-height: 1.5; }
這個(gè)規(guī)則表示所有的p元素將被設(shè)置為紅色,字號(hào)為16像素,行高為1.5倍。
聲明也可以使用關(guān)鍵字和長度值、百分比值、顏色值等來設(shè)置屬性。例如:
img { max-width: 100%; height: auto; border: 1px solid #ccc; }
這個(gè)規(guī)則中使用了max-width屬性,它的值是100%,表示圖片的最大寬度為父元素的寬度。同時(shí)使用了關(guān)鍵字auto來設(shè)置高度,讓它自適應(yīng)圖片的比例。還設(shè)置了邊框?yàn)?像素,顏色為#ccc。
在使用聲明時(shí)需要注意,屬性名和屬性值都是區(qū)分大小寫的,而且屬性必須是CSS規(guī)范中定義的屬性才能起作用。