CSS3引入了许多新的属性，为开发者提供了更多的样式控制和效果实现的能力。以下是一些常用的CSS3新属性及其用途：
1. 边框和背景属性：
- border-radius：设置元素的圆角边框。
- box-shadow：添加元素的阴影效果。
- background-size：控制背景图片的大小。
- background-clip：定义背景的绘制区域。
2. 文本属性：
- text-shadow：为文本添加阴影效果。
- text-overflow：控制文本溢出时的显示方式。
- word-wrap：控制长单词或URL在换行时的处理方式。
- text-stroke：为文本添加描边效果。
3. 盒模型属性：
- box-sizing：控制盒模型的计算方式。
- flexbox：弹性盒子布局，用于实现灵活的、响应式的布局。
- grid：网格布局，用于实现复杂的页面布局。
4. 动画和过渡属性：
- animation：创建动画效果。
- transition：实现平滑的过渡效果。
- transform：对元素进行旋转、缩放、倾斜等变换操作。
5. 响应式布局属性：
- media queries：根据不同的媒体查询条件应用不同的CSS样式。
- viewport units：使用相对于视口尺寸的单位进行布局。
6. 选择器和伪类：
- :nth-child()：选择指定位置的子元素。
- :not()：排除指定选择器匹配的元素。
- :hover、:focus、:active：针对鼠标悬停、聚焦、点击等状态的样式控制。
这只是CSS3中一小部分的新属性，还有许多其他属性可以用于实现更丰富的样式效果和布局控制。通过合理运用这些属性，可以创建出更具创意和交互性的网页设计。
