CSS3的新特性都有哪些？

CSS3（Cascading Style Sheets 3）引入了许多新特性，以增强网页设计的灵活性和功能。以下是一些CSS3的新特性：

1. 选择器的增强：CSS3引入了众多新的选择器，如通用兄弟选择器（~）、属性选择器（[attr]）、伪类选择器（:nth-child）、伪元素选择器（::before和::after）等。这些选择器提供更多的精确控制和灵活性。

2. 盒子模型：CSS3引入了box-sizing属性，允许开发者控制盒子模型的计算方式，包括content-box和border-box。

3. 圆角边框：使用border-radius属性，可以轻松创建圆角边框，而不再需要使用背景图片或其他技巧。

4. 阴影效果：引入了box-shadow属性，可以为元素添加投影效果。

5. 渐变：CSS3支持线性渐变（linear-gradient）和径向渐变（radial-gradient），使背景颜色和图片渐变变得更加容易。

6. 多列布局：column-count和column-gap等属性允许创建多列布局，使文本流更具吸引力。

7. 媒体查询：媒体查询允许根据不同的设备、屏幕尺寸和特性来应用不同的CSS样式，从而实现响应式设计。

8. 动画和过渡：CSS3引入了@keyframes规则和transition属性，用于创建动画和过渡效果，而不需要JavaScript。

9. 变换（Transforms）：CSS3的transform属性允许对元素进行旋转、缩放、倾斜和平移操作。

10. 过渡（Transitions）：transition属性允许在状态改变时平滑地过渡，以实现流畅的效果。

11. 2D和3D转换：CSS3支持二维和三维的元素变换，包括旋转、缩放、移动和透视。

12. 字体处理：引入了@font-face规则，允许使用自定义字体。

13. 多重背景图片：可以为元素添加多个背景图像，通过逗号分隔它们。

14. 伪类选择器：CSS3引入了众多伪类选择器，如:nth-child、:not等，用于选择DOM元素的不同状态或位置。

15. Grid布局：CSS Grid布局是一个强大的网格系统，用于创建复杂的布局结构。

这些特性使CSS更加强大和灵活，使开发者能够更轻松地实现各种设计和布局效果，同时提高了响应性和性能。不同浏览器对这些特性的支持程度可能有所不同，因此在使用时需要考虑兼容性。