**CSS（层叠样式表）**是Web前端开发中的核心技术之一，用于定义网页的布局、颜色、字体等视觉效果。CSS样式表手册是开发者学习和查阅CSS规则的重要参考资料，尤其对于中文用户，中文手册能更直观、准确地理解概念和技术。
**一、CSS基本概念**
1. **选择器（Selectors）**：选择器用于指定CSS样式要应用到哪些HTML元素，如`p`代表段落，`#id`代表ID为id的元素，`.class`代表具有特定类名的元素。
2. **属性（Properties）**：属性是CSS样式的一部分，定义了元素的视觉特性，如`color`用于设置文本颜色，`font-size`用于设置字体大小。
3. **值（Values）**：属性后面跟随的值，指定了属性的具体设置，如`red`是颜色属性的一个值，`16px`是字体大小的一个值。
4. **声明（Declarations）**：属性和值的组合构成声明，每个声明用分号隔开。
5. **规则集（Rule Sets）**：选择器和一组声明组成规则集，用花括号包围，如`p { color: red; font-size: 16px; }`。
**二、CSS语法结构**
1. **内联样式**：将CSS直接写在HTML元素的`style`属性中。
2. **内部样式表**：在HTML文档的`<head>`部分使用`<style>`标签定义样式。
3. **外部样式表**：创建单独的.css文件，通过`<link>`标签引入到HTML文档中。
**三、CSS选择器类型**
1. **类型选择器**：基于元素类型，如`h1`，`div`等。
2. **ID选择器**：使用`#`前缀，如`#header`。
3. **类选择器**：使用`.`前缀，如`.highlight`。
4. **属性选择器**：根据元素的属性，如`[href]`。
5. **伪类和伪元素**：如`:hover`表示鼠标悬停状态，`::before`表示在元素内容之前插入内容。
**四、CSS布局**
1. **盒模型**：包括内容(content)、内边距(padding)、边框(border)和外边距(margin)，影响元素尺寸和位置。
2. **定位（Positioning）**：包括静态定位、相对定位、绝对定位和固定定位，用于控制元素的位置。
3. **流体布局**：使用百分比单位实现页面元素自适应宽度。
4. **Flexbox布局**：灵活的盒子模型，用于创建响应式和动态布局。
5. **Grid布局**：二维网格系统，适用于复杂的页面布局设计。
**五、CSS3新特性**
1. **渐变（Gradients）**：线性渐变和径向渐变提供了丰富的颜色过渡效果。
2. **阴影（Shadows）**：文字阴影、内阴影和外阴影增加元素的立体感。
3. **过渡（Transitions）**：平滑地改变一个或多个CSS属性的值。
4. **动画（Animations）**：通过关键帧实现复杂的动态效果。
5. **多列布局（Multi-column Layout）**：自动创建多列内容布局。
6. **媒体查询（Media Queries）**：实现响应式设计，根据设备特性调整样式。
**六、CHM文件格式**
CHM是Compiled Help Manual的缩写，是微软开发的帮助文件格式，通常包含索引、目录和搜索功能，便于快速查找和学习技术资料。
"CSS样式表中文手册"提供了全面的CSS知识，包括基础概念、语法结构、选择器类型、布局方法以及CSS3的新特性。通过深入学习和实践，开发者可以有效地掌握CSS，创建美观、响应式的网页。
css样式表中文手册.zip （1个子文件） 
css样式表中文手册.chm 553KB
