**CSS 2.0 手册**
CSS,全称Cascading Style Sheets,是一种样式表语言,用于描述HTML或XML(包括SVG、XHTML等)文档的呈现。CSS 2.0是该技术的一个关键版本,它在1998年由W3C发布,为网页设计者提供了更强大的样式控制能力,推动了网页设计的革命性进步。
**1. 选择器和匹配规则**
CSS 2.0引入了更多的选择器,如类选择器(.class)、ID选择器 (#id) 和属性选择器([attr=value])。选择器组合可以实现更精确的元素定位,如后代选择器(selector1 selector2)和相邻兄弟选择器(selector1 + selector2)。
**2. 层叠和继承**
CSS 2.0的核心特性之一是层叠机制,它决定了哪些样式将应用到元素上。层叠根据样式来源(内联、内部、外部、浏览器默认)和优先级进行排序。同时,继承允许子元素从父元素继承某些样式,但不是所有属性都可继承,如颜色、字体和边距。
**3. 盒模型**
CSS 2.0的盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)。盒模型决定了元素占据的空间,是布局设计的基础。需要注意的是,CSS 2.0中的盒模型有两种解析方式:标准盒模型(width只包含内容宽度)和IE盒模型(width包含内容、内边距和边框)。
**4. 相对单位和绝对单位**
CSS 2.0提供了多种长度单位,如像素(px)、百分比(%)、相对字体单位(em)和基于屏幕分辨率的单位(pt)。这些单位使得元素尺寸可以适应不同设备和视口大小。
**5. 颜色和背景**
CSS 2.0支持十六进制颜色、RGB、RGBA、HSL和HSLA值,以及预定义的颜色关键字。此外,可以设置元素的背景颜色、图像、重复方式和位置。
**6. 文本属性**
文本属性包括字体、字号、字体风格、行高、对齐方式、缩进、字间距、字母间距、文本装饰(如下划线、删除线)和文本转换。CSS 2.0还引入了文本阴影和文本装饰线,丰富了文本视觉效果。
**7. 边框和轮廓**
CSS 2.0允许设置边框的宽度、样式和颜色,支持虚线、实线、双线等边框类型。边框圆角功能虽在CSS 3中引入,但2.0版的边框技术奠定了基础。轮廓(outline)则提供了一种不影响布局的视觉提示。
**8. 定位和布局**
CSS 2.0的定位系统包括静态定位、相对定位、绝对定位和固定定位,使元素可以在页面上自由布局。浮动(float)和清除(clear)属性用于创建多列布局。然而,CSS 2.0的布局功能相对较弱,后来的CSS 3引入了更强大的网格和 Flexbox 布局。
**9. 图像和背景定位**
CSS 2.0允许使用背景图像,并提供了背景图像的平铺、重复和定位功能。同时,可以使用 `background-position` 控制图像相对于元素的位置。
**10. 可打印样式**
CSS 2.0支持媒体查询(media queries),虽然功能有限,但已经能够为打印等不同的媒体类型定义特定样式。
总结来说,CSS 2.0手册涵盖了从基本选择器到复杂的布局策略,是Web开发者理解和掌握网页样式控制的重要资源。通过深入学习和实践,开发者可以创建出美观且响应式的网页设计。而《CSS 2.0手册》的CHM文件,作为一个详细的参考资料,对于学习和查询CSS 2.0的相关知识非常有帮助。