CSS是一種用來控制網頁樣式的語言,它可以用來改變網頁中各種元素的外觀。CSS樣式可以分為以下幾類:
1. 元素選擇器(Element Selector) 用于選擇特定的HTML元素,如h1、p、a等。例如,指定p元素的文字顏色為紅色: p { color: red; } 2. ID選擇器(ID Selector) 用于選擇帶有特定id屬性的HTML元素。每個id屬性應該是唯一的。例如,選擇id為“logo”的元素,并設置其寬度為200像素: #logo { width: 200px; } 3. 類選擇器(Class Selector) 用于選擇帶有特定class屬性的HTML元素。多個元素可以共享相同的class屬相。例如,選擇所有class為“important”的元素,并設置其文字顏色為黃色: .important { color: yellow; } 4. 后代選擇器(Descendant Selector) 用于選擇某個元素的后代元素。例如,選擇ul元素下的所有li元素,并將它們的列表符去掉: ul li { list-style: none; } 5. 偽類選擇器(Pseudo-Class Selector) 用于選擇處于特定狀態的元素。例如,選擇超鏈接在鼠標懸浮其上時的狀態,并將其文字顏色設置為紅色: a:hover { color: red; } 6. 屬性選擇器(Attribute Selector) 用于選擇帶有特定屬性值的HTML元素。例如,選擇帶有alt屬性的img元素,并將其邊框設置為1像素實線: img[alt] { border: 1px solid black; }
CSS樣式具有多種選擇器,可以選擇不同的元素,對其進行不同的樣式控制。了解各種樣式選擇器的用法,可以使我們更好地控制網頁樣式,從而達到更好的視覺效果。
上一篇css樣式中基本結構
下一篇css樣式前面加deep