1. 选择器： 属性选择器：如``。 伪类选择器：如`:hover`、`:focus`、`:firstchild`等。 伪元素选择器：如`:firstletter`、`:firstline`、`:before`、`:after`等。
2. 盒模型： `boxsizing`属性：允许开发者指定元素的宽度和高度是否包含内边距和边框。
3. 背景和边框： `borderradius`：用于创建圆角边框。 `boxshadow`：用于添加阴影效果。 `backgroundsize`：允许控制背景图片的大小。 `backgroundorigin`：指定背景图片的起始位置。 `backgroundclip`：用于控制背景的显示区域。
4. 颜色和透明度： RGBA和HSLA颜色模式：支持透明度。 `opacity`属性：用于设置元素的透明度。
5. 文本效果： `textshadow`：用于添加文本阴影。 `wordwrap`和`wordbreak`：用于控制长单词或非分隔符连续的字符的换行行为。 `textoverflow`：用于处理溢出的文本。
6. 2D和3D转换： `transform`属性：用于实现元素的旋转、缩放、倾斜、移动等效果。 `transformorigin`：指定变换的基点。 `transformstyle`：用于指定元素的子元素是位于3D空间还是2D平面。 `perspective`：为3D变换指定观察者与z=0平面的距离。
7. 动画和过渡： `transition`：用于在指定的时间段内平滑地过渡 CSS 属性值。 `animation`：用于创建更复杂的动画效果。
8. 媒体查询： `@media`规则：允许根据不同的媒体类型（如屏幕、打印）或特性（如屏幕宽度和分辨率）应用不同的样式。
9. Flexbox布局： 一套用于更有效地布局、对齐和分配容器中空间的方法。
10. Grid布局： 提供了一个基于网格的布局系统，用于二维布局。
11. 渐变： 线性渐变和径向渐变。
12. 遮罩： `mask`属性：用于创建复杂的视觉效果。
13. 多列布局： `columncount`、`columngap`、`columnrule`等属性，用于创建多列布局。
14. 用户界面： `appearance`、`resize`、`outline`等属性，用于改进用户界面元素的外观和行为。
15. 其他： `contenteditable`属性：允许用户编辑元素的内容。 `pointerevents`属性：控制元素的鼠标事件响应。
这些新特性使得CSS3成为现代网页设计的重要工具，极大地提高了网页的表现力和交互性。
CSS3作为CSS的第三个版本，自2001年开始发展至今，已经引入了众多新特性和功能，极大地丰富了网页设计的可能性。本文将详细介绍CSS3的新特性，帮助读者更好地理解和应用这些特性，提升网页设计的质量和用户体验。
盒模型和布局
CSS3在盒模型和布局方面引入了多项新特性，使得网页布局更加灵活和高效。
box-sizing
box-sizing 属性允许开发者控制元素的宽度和高度是否包括padding和border。通过设置该属性为`border-box`，元素的宽度和高度将包括padding和border，从而简化布局计算。
flexbox
flexbox（弹性盒子布局）提供了一种更加灵活的方式来布局、对齐和分配容器中项目的空间。通过设置容器的`display`属性为`flex`，可以轻松实现水平居中、垂直居中、等宽布局等效果。
grid
grid（网格布局）是一个二维的布局系统，可以同时处理行和列，让设计复杂的响应式布局变得简单直观。通过定义行和列，可以创建复杂的网格布局，并控制网格内项目的位置和对齐方式。
视觉效果
CSS3在视觉效果方面提供了丰富的功能，使得网页设计更加生动和具有吸引力。
border-radius
border-radius 属性允许为元素设置圆角边框，从而创建更加美观的界面效果。可以为每个角指定不同的半径，甚至可以创建椭圆形的角落。
box-shadow
box-shadow 属性可以为元素添加阴影效果，增强元素的立体感和层次感。
text-shadow
text-shadow 属性可以为文本添加阴影效果，提高文本的可读性和元素的立体感。
background-size, background-position, background-repeat
这些属性提供了更多的背景控制选项，可以设置背景图片的大小、位置和重复方式，实现更加丰富的背景效果。
linear-gradient 和 radial-gradient
linear-gradient 和 radial-gradient 属性支持线性渐变和径向渐变背景，为网页设计提供了更多的创意空间。
transparent
transparent 允许使用透明背景，实现更加灵活的背景设计。
动画和过渡
CSS3的动画和过渡功能为网页元素的状态变化提供了平滑的视觉效果。
transition
transition 属性允许为元素的变化添加过渡效果，如背景颜色、边框大小等。通过定义开始状态和结束状态之间的过渡效果，可以实现元素的平滑动画效果。
animation
animation 属性允许创建复杂和持续的动画效果，包括关键帧。通过定义关键帧和动画属性，可以制作出丰富的动画效果。
选择器和伪类
CSS3引入了新的选择器和伪类，提高了选择器的灵活性和网页设计的可控性。
新的选择器
如 nth-child()、nth-of-type()、only-child、first-of-type 等，可以更精确地选择元素。
伪类
如 :hover、:active、:focus、:visited 等，可以根据元素的状态或位置选择应用样式。
文本效果
CSS3在文本效果方面提供了丰富的功能，使得网页文本更加美观和易读。
word-wrap 和 word-break
word-wrap 和 word-break 属性可以控制文本的换行，提高文本的可读性。
text-align-last
text-align-last 属性可以控制文本最后一行的对齐方式。
text-overflow
text-overflow 属性可以处理文本溢出的情况，如使用省略号表示。
