1. CSS3选择器
2. 盒模型
3. 边框
4. 背景
5. 渐变
6. 文本特效
7. 字体特效
8. 2D/3D转换
9. 动画
10. 媒体查询
11. 弹性盒布局
12. 网格布局
13. 过渡效果
14. 多列布局
15. 滤镜效果
16. 伸缩布局
17. 变形效果
18. 混合模式
19. 自定义属性
20. calc()函数
其中，CSS3选择器可以让我们更方便地选择HTML元素，边框和背景的新特性可以让我们实现更丰富的页面效果，渐变和文本特效可以让我们实现更美观的页面设计，2D/3D转换和动画可以让我们实现更生动的交互效果，媒体查询可以让我们实现响应式设计，弹性盒布局和网格布局可以让我们更方便地进行页面布局，过渡效果和滤镜效果可以让我们实现更平滑的页面效果，自定义属性和calc()函数可以让我们更方便地进行CSS编写。
举例：
/* 渐变 */
background: linear-gradient(to bottom, #fff, #000);
/* 弹性盒布局 */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
/* 动画 */
@keyframes example {
0% {transform: scale(1);}
50% {transform: scale(1.5);}
100% {transform: scale(1);}
}