css3新特性（盒子模型、filter、calc）

css3中可以通过box-sizing来指定盒模型，有2个值： 1、box-sizing:content-box 盒子大小为width+padding+border（以前默认的）
2、box-sizing:border-box 盒子大小为width
如果盒子模型改为box-sizing:border-box ,那padding和border就不会撑大盒子

 *{
     padding: 0;
     margin: 0;
     box-sizing:border-box
   }

css3滤镜filter:
filter CSS属性将模糊或颜色偏移等图形效果应用于元素。

filter: 函数();  例如: filter:blur(5px);  blur模糊处理，数值越大越模糊，注意数值要加px单位

calc() 此css函数让你在声明css属性值时执行一些计算

width: calc(100% - 80px)
括号里面可以使用 + - * / 来进行计算