CSS 参考手册
1. CSS 简介
CSS（Cascading Style Sheets，层叠样式表）是一种用于描述网页布局和样式的标记语言。它与 HTML 协同工作，通过将样式应用于 HTML 元素，可以控制网页的外观和样式。CSS3 是 CSS 的最新版本，在功能方面提供了更多的新特性和选择。
1.1 CSS 的作用
CSS 可以改变网页中 HTML 元素的样式，例如字体、颜色、背景、边框等。它可以使网页更加美观、统一，同时提供更多的交互效果。通过 CSS 可以有效地将网页的内容和样式分离，使得修改样式变得更加灵活和方便。
1.2 CSS 基本语法
CSS 是由选择器和声明块组成的。选择器用于选中 HTML 元素，声明块包含了一系列的属性和值，用于定义元素的样式。
h1 {
color: red;
font-size: 24px;
font-weight: bold;
}
在上面的例子中，h1 是选择器，它选中了所有的 h1 元素。声明块中的属性有 color、font-size 和 font-weight，它们对应的值分别是 red、24px 和 bold。
2. CSS3 新特性
2.1 盒模型
在 CSS3 中，引入了新的盒模型，用于更精准地控制元素的布局和大小。新的盒模型中，元素的宽度和高度不包括边框和内边距，只包括内容。
2.2 Flexbox 布局
Flexbox 是一种用于布局的新模式，它可以实现灵活和自适应的布局效果。通过设置容器的属性，例如 display: flex，就可以将子元素按照设定的规则进行布局。这种布局模式在响应式设计和移动端开发中非常有用。
2.3 过渡和动画
过渡和动画是 CSS3 中最引人注目的特性之一。通过使用 transition 和 animation 属性，可以实现元素的平滑过渡和动画效果。
div {
transition: width 1s ease-in-out;
}
div:hover {
width: 200px;
}
上面的代码中，当鼠标悬停在 div 元素上时，其宽度会逐渐从当前值过渡到 200px，过程持续 1 秒钟。
3. 总结
CSS 是网页设计中非常重要的一部分，它可以控制网页的外观和样式。CSS3 提供了更多的新特性和选择，使得网页设计更加灵活和丰富。在开发和设计网页时，合理运用 CSS3 的新特性可以提高用户体验，使网页更加吸引人。
本文简单介绍了 CSS 的作用、基本语法以及 CSS3 的新特性。希望能够对读者理解和运用 CSS 提供帮助。通过不断学习和实践，掌握 CSS3 的知识将会使你的网页设计能力更上一层楼。
小提示：学习 CSS 时可以参考官方的 CSS 参考手册，其中包含了对各种属性和值的详细说明和示例代码，非常实用。