1. 选择器增强： 属性选择器（例如，``）。 伪类选择器（例如，`:hover`、`:firstchild`）。 伪元素选择器（例如，`::before`、`::after`）。
2. 盒模型： `boxsizing` 属性，允许您指定元素的宽度和高度是否包括边框、内边距和填充。
3. 背景和边框： `borderradius` 属性，用于创建圆角边框。 `boxshadow` 属性，用于添加阴影效果。 `backgroundsize`、`backgroundorigin` 和 `backgroundclip` 属性，用于控制背景图片的显示方式。
4. 颜色和渐变： `rgba` 和 `hsla` 颜色模式，允许您使用透明度。 线性渐变（`lineargradient`）和径向渐变（`radialgradient`）。
5. 文本效果： `textshadow` 属性，用于添加文本阴影。 `wordwrap` 和 `wordbreak` 属性，用于控制文本换行。 `textoverflow` 属性，用于控制文本溢出的显示方式。
6. 2D/3D 转换： `transform` 属性，用于应用 2D 或 3D 转换，如旋转、缩放、倾斜和位移。 `transformorigin` 属性，用于指定转换的原点。
7. 动画和过渡： `transition` 属性，用于在 CSS 属性值之间创建平滑的过渡效果。 `@keyframes` 规则，用于定义动画序列。 `animation` 属性，用于应用动画效果。
8. 媒体查询： `@media` 规则，用于根据设备的特性（如屏幕尺寸、分辨率）应用不同的样式。
9. 弹性盒模型（Flexbox）： 一组新的布局属性，用于更灵活地排列和调整容器内的元素。
10. 网格布局（Grid）： 提供了一种基于网格的布局系统，允许您创建复杂的二维布局。
11. 多列布局： `columncount`、`columngap` 和 `columnrule` 属性，用于创建多列布局。
12. 用户界面（UI）： `appearance` 属性，用于改变元素的视觉外观，如按钮、复选框等。
13. 阴影和反射： `textshadow` 属性，用于添加文本阴影。 `boxreflect` 属性，用于创建元素的反射效果。
14. Web 字体： `@fontface` 规则，允许您在网页上使用自定义字体。
15. SVG 和渐变： 支持在 CSS 中使用 SVG 图形和渐变效果。
这些只是 CSS3 新增功能的一部分，它们为网页设计提供了更多的可能性和灵活性。随着浏览器的不断更新，越来越多的 CSS3 功能得到了支持。
CSS3 新增特性详解
一、选择器（Selectors）
CSS3 引入了许多新的选择器，使得开发者能够更加精确地选择和操作元素。
1. 属性选择器（Attribute Selectors）
属性选择器允许根据元素的属性值来选择元素。例如，以下代码将选择所有以 \
