W3C CSS2 规范详解

"这是一份关于CSS2标准的英文版文档，由W3C于1998年5月12日发布。该文档详细定义了级联样式表（Cascading Style Sheets, level 2），是用于为结构化文档（如HTML和XML应用）添加样式（如字体、间距和声音提示）的样式表语言。CSS2通过将文档的呈现样式与内容分离，简化了网页创作和站点维护。此外，CSS2扩展了CSS1的功能，并且大多数有效的CSS1样式表在CSS2中也是有效的。它还支持媒体特定样式表，使作者可以针对视觉浏览器、听觉设备、打印机、盲文设备、手持设备等不同设备定制文档的展示方式。" **CSS2规范详解** CSS2（级联样式表2）是W3C推荐的一种样式表语言，它扩展了CSS1的功能，提供了更丰富的样式控制和设备适应性。以下是CSS2中的核心知识点： 1. **级联（Cascading）**：CSS的核心特性之一，允许样式从多个源继承和组合，包括元素的内联样式、外部样式表、浏览器默认样式以及用户自定义样式。 2. **选择器（Selectors）**：CSS2引入了更多类型的选择器，如类选择器（`.class`）、ID选择器（`#id`）、属性选择器（`[attribute]`）和伪类（`:hover`, `:active`, `:focus`等），增强了对元素的定位能力。 3. **层叠（Cascade）和优先级**：层叠规则决定了当多个样式规则应用于同一个元素时，哪个规则生效。优先级由继承、重要性、特异性及来源顺序决定。 4. **样式声明（Style Declarations）**：样式声明由花括号 `{}` 包裹，包含属性（property）和值（value）。例如，`color: red;`。 5. **盒模型（Box Model）**：CSS2定义了元素的盒模型，包括内容（content）、内边距（padding）、边框（border）和外边距（margin），这些元素共同构成了元素的总宽度和总高度。 6. **媒体查询（Media Queries）**：CSS2首次引入了媒体查询的概念，但功能有限，主要用于区分屏幕和打印样式。在CSS3中，媒体查询得到了大幅增强，可适应不同设备和屏幕尺寸。 7. **页面布局（Layout）**：CSS2引入了浮动（float）和定位（positioning）机制，用于创建复杂的页面布局。 8. **字体和文本（Fonts and Text）**：CSS2提供了对字体、字号、行高、颜色、文本对齐、装饰等的控制，如`font-family`, `text-align`, `color`等。 9. **背景和边框（Backgrounds and Borders）**：允许设置元素的背景颜色、图像、重复方式，以及边框的样式、宽度和颜色。 10. **列表和表格（Lists and Tables）**：CSS2提供了对列表和表格样式的控制，如列表符号、表格边框、单元格间距等。 11. **透明度（Opacity）**：CSS2不直接支持透明度，但可以通过滤镜（filter）属性在IE中实现，而现代浏览器则支持CSS3的`opacity`属性。 12. **浏览器兼容性**：CSS2在当时已经是广泛支持的标准，但某些高级特性可能在旧版本的浏览器中存在兼容性问题。 CSS2作为CSS发展的里程碑，奠定了现代网页设计的基础，它的许多概念和规则在后续的CSS3中得以延续和增强。了解和掌握CSS2对于理解和学习更高级的CSS技术至关重要。