css3盒子，图片模糊，过渡，类的命名

css3盒子模型

解决盒子受padding和border变化影响大小
box-sizing：可以指定盒模型
值：
content-box 宽度相当于width+padding+border (常见盒模型)
border-box 宽度相当于width (新增，好用)

图片模糊处理

css滤镜属性filter
filter:函数（）
filter:blur(5px) (数值越越模糊)

计算盒子宽度函数 calc()

width:calc(100% - 30px)：子盒子永远比父盒子小30（函数里面可以使用加减乘除）

css3新增特性过渡

过渡transition：从一个状态渐渐地过渡到另一个状态，经常搭配hover使用
transition:要过渡的属性 花费时间 运动曲线 何时开始
属性：想要变化的css属性
花费时间：单位秒，必须单位， 0.5s
运动曲线：默认是ease(可省略）
何时开始：单位是秒，可以设置延迟触发时间，默认是0s

如果想要多个属性都变化，利用逗号进行分割，也可以直接属性写all

类的命名—参照表