CSS3是最新一代的CSS样式表语言，它是CSS2的升级版，带来了许多强大的新特性和API，如动画、过渡、阴影、圆角等。下面我们详细介绍一下CSS3以及几个常用的API。
一、CSS3的介绍
CSS3包含了CSS2中的所有属性，同时增加了很多新的属性和功能，主要分为以下几个模块：
1.选择器：新增属性选择器、伪类和伪元素等。
-
伪类（Pseudo-classes）：用于向某个元素添加特殊的状态，比如说鼠标悬停、被点击等等。它们通常用于改变链接的颜色或者显示表单控件的状态。
-
一些常见的伪类包括：
-
:a. :hover - 鼠标悬停时应用的样式
-
:b. :active - 用户点击元素时应用的样式
-
:c. :visited - 已访问链接应用的样式
-
:d. :focus - 获取焦点时应用的样式
-
:e. :first-child - 选择第一个子元素
-
:f. :last-child - 选择最后一个子元素
-
伪元素（Pseudo-elements）：用于在某个元素的内容前面或后面插入额外的内容。它们通常用于创建装饰性的效果，比如说在段落前面添加引号或者在标题后面添加下划线。
-
一些常见的伪元素包括：
-
:a. ::before - 在元素内容前面插入额外的内容
-
:b. ::after - 在元素内容后面插入额外的内容
-
:c. ::first-letter - 改变第一个字符的样式
-
:d. ::first-line - 改变第一行的样式
-
:e. ::selection - 改变文本被选中时的样式
2.框模型：新增边框、背景、盒子阴影和圆角等。
3.文本排版：新增字体、文本阴影、文字特效和排版等。
-
2D/3D转换：新增旋转、缩放、倾斜、透视等变换。
-
动画：新增关键帧动画、过渡效果等。
二、CSS3的常用API
1.过渡（transition）：transition API可以实现元素从一种状态平滑地过渡到另一种状态，例如改变元素的颜色或位置。使用该API，你可以设置过渡的时间、过渡的方式和过渡的延迟等。
2.动画（animation）：animation API与transition类似，但是更加灵活和复杂。使用该API，你可以创建基于关键帧的动画，自定义动画的持续时间、速度和延迟等。
3.阴影（box-shadow）：box-shadow API可以实现元素的阴影效果，你可以设置阴影的位置、大小、颜色和模糊程度等参数。
4.圆角（border-radius）：border-radius API可以实现元素的圆角效果，你可以设置圆角的大小和形状等参数。
5.渐变（gradient）：gradient API可以实现元素的渐变效果，你可以创建线性渐变或径向渐变，并指定渐变的颜色和方向等参数。
以上是CSS3的一些常用API，它们可以让开发者更加轻松、快速地实现页面布局和特效。
