**CSS2.0手册——构建优雅的Web页面样式**
CSS（Cascading Style Sheets）2.0是Web设计领域中的一个重要里程碑，它为HTML或XML（包括SVG、MathML等）文档提供了强大的样式控制能力。这个版本的CSS引入了许多新特性，极大地提升了网页的视觉表现力和可维护性。下面，我们将深入探讨CSS2.0的核心概念和关键特性。
### 1. 选择器和层叠原则
- **选择器**：CSS2.0扩展了选择器的种类，允许开发者更精确地定位元素。例如，类选择器（`.class`），ID选择器（`#id`），以及属性选择器（`[attribute=value]`）。同时，后代选择器（`selector1 selector2`）和子选择器（`selector1 > selector2`）也得到了支持，增强了元素的选取能力。
- **层叠原则**（Cascading）：CSS2.0中的“层叠”是指多个样式规则如何合并到一起，形成最终的元素样式。规则的优先级基于选择器的特异性、来源及样式声明的顺序，以及`!important`规则。
### 2. 盒模型
- **盒模型**：CSS2.0定义了盒模型，每个HTML元素都被视为一个矩形盒子，包含内容区域、内边距（padding）、边框（border）和外边距（margin）。盒模型决定了元素占据的空间和与其他元素的相对位置。
### 3. 相对与绝对定位
- **定位**：CSS2.0引入了`position`属性，允许元素相对于其正常流（static）或相对于其父元素（relative/absolute/fixed）进行定位。这为创建复杂布局和浮动元素的定位提供了可能。
### 4. 文本和字体
- **文本样式**：CSS2.0提供了丰富的文本样式控制，如`font-family`、`font-size`、`color`、`text-align`、`text-decoration`等，可以改变文字的外观和排版效果。
- **字体单位**：除了像素（px）之外，CSS2.0还引入了em、百分比、pt等单位，使文本尺寸适应不同屏幕和浏览器。
### 5. 背景和边框
- **背景**：可以设置元素的背景颜色、图像、重复方式和定位，增加了页面的视觉层次感。
- **边框**：边框宽度、样式（solid、dashed、dotted等）和颜色可以自由组合，创建出各种风格的边框效果。
### 6. 浮动与清除
- **浮动**：`float`属性允许元素在容器中浮动，常用于创建多列布局。
- **清除**：`clear`属性用于处理浮动元素产生的影响，如`clear:both`可确保元素下方不被浮动元素覆盖。
### 7. 相应式设计基础
- **媒体查询**：虽然CSS3才正式引入媒体查询，但CSS2.0的`@media`规则奠定了响应式设计的基础，可以根据设备的视口宽度调整样式。
### 8. 页面布局
- **布局模式**：CSS2.0提供了流体布局和固定布局的基本工具，通过`width`、`height`、`display`等属性来组织页面元素。
### 9. 列表和表格
- **列表样式**：可以定制列表项的标记类型和间距，如`list-style-type`、`list-style-image`。
- **表格样式**：CSS2.0允许对表格的边框、颜色、宽度等进行精细控制，提升表格的可读性和美观度。
### 10. 可访问性
- **可见性与焦点管理**：CSS2.0提供了一些属性，如`visibility`和`:focus`伪类，帮助提升网页对辅助技术的兼容性，增强可访问性。
以上只是CSS2.0中部分关键特性的概述。实际上，CSS2.0手册涵盖了更广泛的样式规则和技术，包括文本渲染、图像处理、打印样式等等。理解并熟练运用这些知识，将有助于创建出专业且富有吸引力的Web页面。
