CSS3 新特性

CSS3 是 CSS 的第三个版本，引入了许多新的特性和功能，以增强样式设计和布局能力。以下是一些 CSS3 中的新特性：

1. 圆角（Border Radius）： 可以通过 border-radius 属性创建元素的圆角。

2. 阴影（Box Shadow）： 使用 box-shadow 属性可以在元素周围添加阴影效果。

3. 渐变（Gradients）： 支持线性渐变和径向渐变，通过 linear-gradient() 和 radial-gradient() 定义。

4. 过渡（Transitions）： 通过 transition 属性可以在状态变化时平滑地改变元素的属性。

5. 动画（Animations）： 使用 @keyframes 和 animation 属性可以创建动画效果。

6. 媒体查询（Media Queries）： 可以根据不同的媒体特性（如屏幕宽度）来应用不同的样式。

7. 盒模型调整（Box Sizing）： 通过 box-sizing 属性可以更好地控制元素的盒模型。

8. 多列布局（Multi-column Layout）： 通过 column-count 和 column-width 可以创建多列布局。

9. 防止溢出（Overflow）： 引入了 overflow-x 和 overflow-y 属性，用于分别控制水平和垂直方向的溢出。

10. 媒体类型（Media Types）： 支持新的媒体类型，如 screen、print、speech，可以根据不同的设备和媒体应用样式。

11. 选择器（Selectors）： 引入了更多的选择器，如属性选择器、子元素选择器等。

12. 弹性盒子（Flexbox）： 引入了 display: flex，用于创建弹性盒子布局。

13. 栅格布局（Grid Layout）： 引入了 display: grid，用于创建栅格布局。

14. 变换（Transforms）： 引入了平移、缩放、旋转和倾斜等变换效果。

15. 过滤器（Filters）： 使用 filter 属性可以应用图像滤镜效果。

16. 文字效果（Text Effects）： 引入了更多的文字效果属性，如 text-shadow 和 text-stroke。

这些只是 CSS3 的一部分特性，它为网页设计提供了更多的灵活性和创造性。