CSS3新增特性

1、CSS3新增选择器（属性选择器、结构伪类选择器、伪元素选择器）

（1）属性选择器

属性选择器

（2）结构伪类选择器

结构伪类选择器nth-child（n）拓展

nth-child

结构伪类选择器总结

结构伪类选择器总结

（3）伪元素选择器（重点）

伪元素选择器

伪元素清除浮动

2、盒子模型box-sizing：border-box（设置的宽度为盒子总宽度，边框内边距不会撑大盒子）

盒子模型

3、CSS3过渡transition

与：hover搭配使用，要过渡的属性可以写all，选择所有属性。

过渡

CSS3滤镜filter（了解）

滤镜filter

calc函数

假设想要让子盒子始终比父盒子宽度少30px，就可以运用calc函数进行计算，width：calc（100%  -30px）

calc函数