CSS 学习手册

CSS 基础选择器是最常用的选择器类型，用于直接选取元素。 **1. 通用选择器（*）** 匹配所有元素。 ```css * { margin: 0; padding: 0; } /* 重置所有内外边距 */ ``` **2. 元素选择器（标签选择器）** 匹配指定标签名的所有元素。 ```css div { background: #f0f0f0; } /* 所有 div 背景灰色 */ h1 { color: navy; } /* 所有 h1 文字深蓝色 */ ``` **3. 类选择器（.class）** 匹配拥有指定 class 属性的元素。 ```css .highlight { background: yellow; } /* 所有 class="highlight" 的元素 */ .card { border: 1px solid #ccc; border-radius: 8px; } ``` **4. ID 选择器（#id）** 匹配拥有指定 id 属性的唯一元素（页面中 id 应唯一）。 ```css #header { height: 60px; background: #333; } #logo { width: 150px; } ``` **5. 属性选择器** 根据属性及属性值匹配元素。 ```css input[type="text"] { border: 1px solid #999; } /* 精确匹配 */ a[href^="https"] { color: green; } /* 以 https 开头 */ img[src$=".png"] { border: 2px solid red; } /* 以 .png 结尾 */ ```