在前端開發中,CSS是不可或缺的一部分。它可以控制網頁中的樣式,如字體、顏色、布局等。CSS可以分為以下6種分類:
1. 樣式表 樣式表是定義頁面樣式的文件。有三種樣式表:內部樣式表、外部樣式表和行內樣式表。內部樣式表將樣式寫在HTML文檔的頭部,外部樣式表將樣式單獨放在一個CSS文件中,在HTML文檔中使用link標簽引用。而行內樣式表是將樣式直接寫在HTML元素的style屬性中。 2. 元素選擇器 元素選擇器是通過標簽名來選擇元素,如將h1元素的顏色設為紅色:h1 { color: red; }。 3. ID選擇器 ID選擇器是通過元素的id屬性來選擇元素,如將id為“header”的元素的顏色設為藍色:#header { color: blue; }。 4. 類選擇器 類選擇器是通過元素的class屬性來選擇元素,如將class為“container”的元素的邊框設為1像素的實線:.container { border: 1px solid black; }。 5. 偽類選擇器 偽類選擇器是通過元素的狀態來選擇元素,如:hover偽類可以在用戶鼠標移動到元素上時改變元素的樣式:a:hover { text-decoration: underline; }。 6. 組合器 組合器是通過將多個選擇器組合來選擇元素,如選擇class為“title”且標簽名為h1的元素:h1.title { font-size: 36px; }。