CSS3简介

📅 2025-06-08

CSS3与CSS2关系

CSS3 是 CSS2 的升级版本，它在 CSS2 的基础上，新增了很多强大的新功能，从而解决一些实际面临的问题。本教程向您讲解 CSS3 中的新特性。

新增了更加实用的选择器，例如：动态伪类选择器、目标伪类选择器、伪元素选择器等等。

新增了更好的视觉效果，例如：圆角、阴影、渐变等。

新增了丰富的背景效果，例如：支持多个背景图片，同时新增了若干个背景相关的属性。

新增了全新的布局方案 —— 弹性盒子。

新增了 Web 字体，可以显示用户电脑上没有安装的字体。

增强了颜色，例如： HSL 、 HSLA 、 RGBA 几种新的颜色模式，新增 opacity 属性来控制透明度。

增加了 2D 和 3D 变换，例如：旋转、扭曲、缩放、位移等。

增加动画与过渡效果，让效果的变换更具流线性、平滑性。

CSS3 按照"模块"的方式进行了拆分，旧规范已被拆分成小块，在未来会按照模块化的方式去发展。

一些最重要 CSS3 模块如下：