CSS（层叠样式表）是一种用于描述网页样式和布局的语言，它可以让我们更好地控制网页的外观和风格。在本章节中，我们将详细介绍 CSS 的各种属性和用法。
选择器
选择器是 CSS 中用于定位元素并为其应用样式的一种方式。常见的选择器包括：
- 元素选择器：根据元素的标签名称来选择元素，如
p、div等。 - 类选择器：根据元素的 class 属性值来选择元素，如
.class-name。 - ID 选择器：根据元素的 id 属性值来选择元素，如
#id-name。 - 后代选择器：选择元素的后代元素，如
div p。 - 伪类选择器：根据元素的状态来选择元素，如
:hover、:active等。
示例代码：
- - ------ ---- - ----------- - ---------- ----- - -------- - ----------------- -------- - --- - - ------- ----- - ------- - ---------------- ---------- -
盒模型
盒模型是 CSS 中用于描述元素尺寸和间距的模型，它包括内容区、填充区、边框和外边距。通过设置盒模型的属性，我们可以控制元素的尺寸和布局。
常见的盒模型属性包括：
width：设置元素的宽度。height：设置元素的高度。padding：设置元素的填充区。border：设置元素的边框。margin：设置元素的外边距。
示例代码：
---- - ------ ------ ------- ------ -------- ----- ------- --- ----- ----- ------- ----- -
布局
CSS 可以帮助我们实现各种不同的布局方式，包括传统的盒模型布局、弹性布局和网格布局等。通过设置元素的定位、浮动和显示方式等属性，我们可以实现复杂的页面布局。
常见的布局属性包括：
position：设置元素的定位方式，包括static、relative、absolute和fixed。float：设置元素的浮动方式，包括left、right和none。display：设置元素的显示方式，包括block、inline、inline-block和none。
示例代码：
---------- - -------- ----- ---------------- ------- ------------ ------- - ------- - ------ ----- ------ ---- - ---- - -------- ----- ---------------------- --- ---- -
以上就是 CSS 参考手册中的部分内容，希望能帮助你更好地理解和应用 CSS。