CSS是一種用于網頁布局和樣式設計的語言,它可以通過不同的規則聲明實現不同的效果。下面是幾種常見的CSS規則聲明:
選擇器 { 屬性1: 值1; 屬性2: 值2; }
其中,選擇器用于選擇需要設置樣式的元素,而花括號中的屬性和值用于定義這些元素的樣式。常見的選擇器有:
p { color: red; font-size: 16px; } #nav li { background-color: gray; padding: 10px; } a:hover { color: blue; text-decoration: underline; } input[type="text"]:focus { border: 2px solid blue; }
這些規則聲明中,第一個例子使用了
標簽選擇器,將所有段落元素的文字顏色設為紅色,并將字號設置為16像素。
第二個例子則使用了ID選擇器,選中了ID為“nav”的元素內部的所有列表項,并將它們的背景顏色設為灰色,同時添加了一定的內邊距。
第三個例子使用了偽類選擇器: hover,當鼠標懸停在一些鏈接上時,將它們的文字顏色改為藍色,并為其添加下劃線效果。
最后一個例子使用了屬性選擇器,選中了type屬性值為"text"的輸入框元素,當該元素獲取焦點時,為其添加藍色的邊框。
總之,CSS規則聲明是實現網頁設計和布局的重要手段,合理運用它們能夠讓你的網頁更加美觀和易于使用。