CSS2.0(CHM版)

**CSS2.0详解** CSS，全称Cascading Style Sheets，中文译为层叠样式表，是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的Web标准。CSS2.0是这个标准的第二个主要版本，发布于1998年，它极大地扩展了CSS1.0的功能，使网页设计更加丰富和灵活。 **一、选择器与规则定义** 在CSS2.0中，选择器的类型变得更加多样。除了基础的元素选择器（如`<h1>`、`<p>`等）之外，还引入了类选择器（`.class`）、ID选择器（`#id`）、属性选择器（`[attribute]`）以及伪类和伪元素（`:hover`、`:first-child`等）。这些选择器的组合使用能够更精确地定位和控制页面中的特定元素。 **二、盒模型** CSS2.0中的盒模型是理解布局的关键。每个HTML元素都被视为一个矩形的盒子，包括内容区域（content）、内边距（padding）、边框（border）和外边距（margin）。盒模型的总宽度和总高度计算方式有两种：W3C标准盒模型（content + padding + border + margin）和IE盒模型（width/height + padding + border）。 **三、定位机制** CSS2.0引入了绝对定位（absolute）、相对定位（relative）和固定定位（fixed），为元素提供了更灵活的布局方式。绝对定位使得元素相对于最近的非静态定位祖先元素定位，相对定位则相对于其正常位置，而固定定位则始终相对于浏览器窗口定位。 **四、多列布局** CSS2.0开始支持多列布局，通过`column-count`和`column-gap`等属性，可以轻松创建多列文本或图像布局，使得网页设计更具杂志风格。 **五、透明度与颜色混合** CSS2.0引入了`opacity`属性，允许设置元素的不透明度，从而实现透明效果。此外，`color`属性也开始支持十六进制、RGB、RGBA等颜色表示，其中RGBA可以设置颜色的透明度。 **六、浮动与清除** `float`属性用于创建浮动元素，常用于创建自适应布局。而`clear`属性则用来清除浮动的影响，避免对其他元素造成布局干扰。 **七、媒体查询** 虽然CSS2.0已经包含了一些初步的媒体查询概念，但完整的媒体查询特性是在CSS3中得到广泛使用的。CSS2.0的媒体查询主要是针对打印和屏幕两种媒体类型，可以调整不同设备上的样式。 **八、字体与文字** CSS2.0增加了对多种字体的支持，如`font-family`定义字体系列，`font-size`设定字体大小，`line-height`控制行间距。同时，还可以使用`text-align`、`text-decoration`和`text-transform`等属性来调整文字的对齐、装饰和转换。 **九、背景与边框** CSS2.0扩展了背景和边框的样式，如`background-color`、`background-image`允许设置背景颜色和图片，`border-radius`可以创建圆角边框，`border-collapse`控制表格边框合并。 **十、图像定位** `background-position`属性允许设置背景图像的位置，而`background-repeat`则控制背景图像的重复方式。这些特性让设计师可以创建复杂的背景效果。 **十一、打印样式** CSS2.0也考虑到了打印需求，通过`@media print`媒体查询可以定义专门的打印样式，确保网页在打印时呈现良好的视觉效果。 以上就是CSS2.0的一些核心知识点，这些特性为网页设计提供了强大的表现力和控制力，奠定了现代网页布局的基础。通过熟练掌握这些知识，开发者可以创建出更加美观、响应式的网页。