css帮助文档（样式表）

**CSS（层叠样式表）**是用于控制网页元素外观的一种样式语言，它与HTML或XML（包括SVG、MathML等）一起使用，为网页带来了丰富的样式和布局控制。CSS2.0是CSS的一个重要版本，它在CSS1的基础上增加了许多功能，进一步增强了对网页设计的灵活性。 **一、CSS基本概念** 1. **选择器**: CSS中的选择器用于定位文档中的HTML元素，如`#id`、`.class`、`tag`等，它们决定了哪些元素会应用到特定的样式规则。 2. **属性**: 属性定义了元素的样式特性，如`color`、`font-size`、`background-color`等。 3. **值**: 属性后面的值指定了该属性的具体样式，可以是颜色、尺寸、单位或其他有效值。 **二、CSS2.0新特性** 1. **浮动（Float）**: CSS2.0引入了浮动，允许元素脱离正常文档流并使其周围的元素环绕其显示。 2. **定位（Positioning）**: `position`属性（如`static`、`relative`、`absolute`、`fixed`）提供了更精细的元素布局控制。 3. **盒模型（Box Model）**: 包括`content`、`padding`、`border`和`margin`，CSS2.0的盒模型定义了元素的大小和空间。 4. **层叠（Cascading）**: 样式的优先级根据来源、特异性和继承来确定，这就是CSS名字中“层叠”的含义。 5. **媒体查询（Media Queries）**: CSS2.0引入了初步的媒体查询，允许样式根据设备特性（如屏幕分辨率）进行调整。 **三、选择器扩展** 1. **类选择器**: 使用`.`选取具有特定类名的元素，比如`.highlight`会选择所有具有`highlight`类的元素。 2. **ID选择器**: 使用`#`选取具有特定ID的元素，例如`#header`将选择ID为`header`的元素。 3. **伪类和伪元素**: 如`:hover`、`:active`、`:first-child`等，用于在特定状态或位置下应用样式。 4. **属性选择器**: 通过元素属性来选择元素，例如`[target="_blank"]`选择所有链接目标为新窗口的元素。 **四、CSS2.0布局** 1. **表格布局**: CSS2.0提供了对表格的更细粒度控制，如`border-collapse`、`cellspacing`和`cellpadding`属性。 2. **列表布局**: 可以通过`list-style-type`、`list-style-image`和`list-style-position`来定制列表样式。 3. **多列布局**: 虽然CSS3才引入了更完善的多列布局，但CSS2.0中已经有了初步的`columns`属性支持。 **五、文本和字体** 1. **文本样式**: 可以设置`font-family`、`font-size`、`font-weight`、`font-style`等来改变文本的视觉效果。 2. **文本修饰**: `text-decoration`用于添加下划线、删除线等，`text-transform`可以转换文本的大小写。 3. **文本对齐**: `text-align`用于控制文本在块级元素中的水平对齐方式。 **六、颜色和背景** 1. **颜色**: 支持颜色关键词、RGB、RGBA、HSL、HSLA等多种方式指定颜色。 2. **背景**: 可以设置背景颜色、背景图片、背景重复、背景位置等。 **七、边框和边距** 1. **边框**: `border`属性允许设置边框的宽度、样式和颜色。 2. **内边距（Padding）**和**外边距（Margin）**: 控制元素内部和外部的空间。 **八、浏览器兼容性** CSS2.0的大部分特性已被所有现代浏览器支持，但在实际开发中仍需注意一些老版本浏览器的兼容性问题。 这个`css2.0中文手册.chm`文件应该包含了关于CSS2.0的详细解释和实例，对于学习和理解CSS2.0的语法和特性非常有帮助。通过阅读和实践，你可以深入了解如何有效地利用CSS2.0来美化和布局网页。