---

CSS 参考手册

CSS（Cascading Style Sheets，层叠样式表）是一种用于描述文档样式的语言，它可以控制文档的布局、字体、颜色、大小和其它视觉方面的表现。本手册主要介绍了CSS中的基本属性，以及它们的取值和用法。

基本语法

CSS的基本语法为“属性:值;”，多个属性之间用分号隔开。如下示例：

p {
  color: red;
  font-size: 14px;
}

其中“p”为选择器，表示对p元素应用样式，“color”和“font-size”为属性名，表明需要设置的元素的颜色和字体大小，“red”和“14px”为属性值。

常用属性

CSS属性按照功能可以分为布局属性、文本属性、背景属性等。下面列举一些常用的属性。

布局属性

• width：设置元素宽度。
• height：设置元素高度。
• margin：设置元素外边距。
• padding：设置元素内边距。
• float：设置元素浮动方向。
• display：设置元素显示方式。

文本属性

• color：设置文字颜色。
• font-size：设置字体大小。
• font-family：设置字体。
• text-align：设置文本对齐方式。
• line-height：设置行高。
• text-decoration：设置下划线、删除线等。

背景属性

• background-color：设置背景颜色。
• background-image：设置背景图片。
• background-repeat：设置背景图片重复方式。
• background-position：设置背景图片位置。

取值范围

CSS属性的取值范围比较广泛，根据属性的不同可以是长度、百分比、颜色值、字体类别、字符串、URL等。下面列举一些常见的取值范围。

• 长度单位：px、em、rem等。
• 颜色值：单词、RGB、十六进制等。
• 字体类别：serif、sans-serif、monospace等。
• 显示方式：block、inline、inline-block等。

选择器

选择器是指定样式应用的对象，它可以是HTML元素、CSS类或ID等。下面列举一些常见的选择器。

• 元素选择器：选择指定类型的HTML元素，如“p”、“ul”、“div”等。
• 类选择器：选择所有使用指定类名的HTML元素，以“.”号为前缀，如“.clearfix”表示所有class为“clearfix”的元素。
• ID选择器：选择某个指定ID的HTML元素，以“#”号为前缀，如“#header”表示ID为“header”的元素。

样式优先级

在CSS中，样式优先级按照以下顺序排序：

1. !important
2. 行内样式（style属性）
3. ID选择器
4. 类选择器、属性选择器和伪类选择器
5. 元素选择器和伪元素选择器

当样式规则应用于具有相同优先级的多个元素时，后定义的规则会覆盖先定义的规则。

总结

CSS是一门强大的样式语言，它可以让网页实现各种各样的效果。本手册列举了CSS中一些重要的基本属性和常见的选择器，以及它们的用法和取值范围。要想编写出优雅、简洁、高效的CSS代码，还需要不断学习、实践和积累。