CSS3引入了许多新特性，以增强CSS的功能和样式效果

一：常用特性

1. 选择器：如属性选择器、子元素选择器、伪类选择器和伪元素选择器，使得选择元素更加灵活和精确。
2. 盒模型：box-sizing属性，允许开发者选择元素的盒模型计算方式，包括content-box（默认值）和border-box，使盒模型更加直观和可控。
3. 背景：背景的样式效果，包括渐变背景（linear-gradient、radial-gradient）、背景图像的尺寸调整（background-size）和多重背景图像（background-image）。
4. 边框：边框样式，包括圆角边框（border-radius）、阴影效果（box-shadow）和边框图片（border-image）。
5. 字体：字体样式的控制选项，包括自定义字体（@font-face）、字体阴影（text-shadow）和字体逐渐变化（@keyframes和animation）。
6. 动画：过渡（transition）和动画（@keyframes和animation）属性，使元素的状态变化和动画效果更加平滑和灵活。
7. 弹性盒子布局：Flexbox模型提供了一种强大的布局方式，使开发者能够轻松地实现灵活的、响应式的布局，适用于各种屏幕尺寸和设备。
8. 网格布局：Grid布局为复杂的页面布局提供了更精确和强大的控制，使开发者能够将页面划分为行和列，并以灵活的方式进行布局。
9. 多列布局：多列布局（column-count、column-gap等属性）使开发者能够将内容分为多个列，创建报纸或杂志风格的布局。
10. 变形和过渡：变形属性（如transform）和过渡属性（如transition），使元素能够以旋转、缩放、平移等方式进行变换，并且可以平滑地过渡到不同状态。
11. 滤镜效果：滤镜效果（如模糊、对比度调整、色彩变化等），通过filter属性可以对元素进行图像处理和特效。
12. 响应式设计媒体查询：媒体查询（@media规则）使开发者能够根据不同设备的特性（如屏幕宽度、分辨率等）应用不同的样式和布局，实现响应式设计。
13. 伸缩图片：object-fit和object-position属性使开发者能够对图片进行缩放和定位，适应容器大小和位置要求。
14. 用户界面控制：控制用户界面样式的属性，如滚动条样式（::-webkit-scrollbar）、选择文本样式（::selection）和表单控件样式的自定义（如input[type="range"]）。
15. 自定义动画：@keyframes和animation属性使开发者能够自定义动画序列和效果，实现更复杂的交互和动态效果
16. 网格布局：Grid布局提供了一种强大的二维布局系统，允许将页面划分为行和列，以更精确地控制元素的位置和对齐方式。
17. 自定义属性（CSS变量）：定义自己的变量，以便在样式中重复使用。这些自定义属性（也称为CSS变量）使用--前缀，并可以动态修改。
18. 伪元素和伪类：更多的伪元素和伪类，如::before、::after、:nth-child()等，使得开发者能够更精确地选择和样式化元素的特定部分。
19. 背景滤镜：backdrop-filter属性允许开发者对元素的背景应用滤镜效果，例如模糊、色彩饱和度等，可以创建出各种独特的背景效果。
20. 弹性单位和响应式尺寸：弹性单位（如rem和em）和相对尺寸（如vw和vh），使开发者能够创建灵活和响应式的布局，可以根据设备尺寸自动调整大小

二：总结

1：新增特性使CSS更加强大和灵活，提供了更多样式化和布局控制的选项，使得开发者能够创造出更富有创意和交互性的网页设计

2：有助于提高开发效率和减少代码量。