CSS3新增了许多新的功能，包括圆角边框、阴影效果、渐变背景、多列布局、动画、过渡效果、媒体查询等。这些功能使得网页设计更加灵活和美观，能够更好地适应不同的设备和屏幕尺寸。
此外，CSS3还引入了更多的选择器和伪类，以及字体和颜色的控制方式。这些新功能使得开发者可以更加轻松地创建出现代化的网页设计，提升用户体验和页面交互性。
1、css3新增的超级选择器：属性选择器、结构性伪类选择器、UI元素状态伪类选择器、通用兄弟元素选择器
2、使用选择器在页面中插入文字、图片、项目编号等内容
3、文字阴影与自动换行
4、各类盒模型：总体分为block类型和in line类型，在细分为inline-block类型、inline-table类型、list-item类型、run-in类型、compact类型、表格相关类型、none类型
5、盒模型相关的属性：overflow属性（内容溢出）、box-shadow属性（盒阴影）、box-sizing属性（宽高计算）
6、新增的背景样式backround-clip属性、backround-origin属性、backround-size属性、backround-break属性
7、新增的边框样式：border-radius属性（圆角边框）、border-image属性（图片边框）
8、新增的 transform变形功能：rotate（旋转）、scale（缩放）、skew（倾斜）、translate（移动）
9、新增的动画功能：transition（平滑过渡）、animation（关键帧）
10、布局相关样式：多栏布局、盒布局、弹性盒布局
htma伪类样式的四种状态:
链接四种状态：顺序是固定的(如先link->visited->hover->active顺序不能乱)
link 默认，没有访问（没有点击）
active 激活，当鼠标点击压下去的时候
autofocus 第一个能应用到焦点 其它不行
伪元素和伪类的区别在于，伪元素是在文档中没有实际存在的元素，而伪类是对元素在特定状态下的描述。比如，常用的::before和::after就是伪元素，可以在元素前后插入虚拟的元素，用来实现一些特殊的样式效果；而:hover和:focus等就是伪类，用来实现当鼠标指针悬停或元素获取焦点时的样式效果。需要注意的是，伪元素前面需要两个冒号，而伪类只需要一个冒号。另外，伪元素的内容可以通过content属性来指定，而伪类不能改变元素本身的内容。同时，伪元素的样式可以通过CSS的全部属性来定义，而伪类只能使用一些特定的属性（如color、background等）。
总体来说，伪元素的应用范围更广一些，可以实现很多特殊的效果，而伪类则更多地用于交互效果的实现。