对于CSS3新增的所有功能及详细使用方法在我的GitHub上有详细的讲解,详见链接https://github.com/lixiuxiu2017/CSS3
这里只是列出CSS3新增的功能概括:
1、CSS3介绍
2、CSS3新增的超级选择器:属性选择器、结构性伪类选择器、UI元素状态伪类选择器、通用兄弟元素选择器
3、使用选择器在页面中插入文字、图片、项目编号等内容4、文字阴影与自动换行
5、各种盒模型:总体分为block类型和inline类型,再细分为inline-block类型、inline-table类型、list-item类型、run-in类型、compact类型、表格相关类型、none类型
6、盒模型相关的属性 :overflow 属性(内容溢出)、box-shadow 属性(盒阴影)、box-sizing 属性(宽高计算)
7、CSS3新增的背景样式:background-clip 属性、background-origin 属性、background-size 属性、background-break 属性
8、CSS3新增的边框样式:border-radius 属性(圆角边框)、border-image 属性(图片边框)
9、CSS3 新增的 transform 变形功能 :rotate(旋转)、scale(缩放)、skew(倾斜)、translate(移动)
10、CSS3新增的动画功能:transition(平滑过渡)、animation(关键帧)
11、布局相关样式:多栏布局、盒布局、弹性盒布局
12、兼容性问题