1.盒子模型
a.包含元素：
外边距margin、边框border、内边距padding、实际内容content
b.W3C盒子模型（标准模式）和IE盒子模型（怪异盒模型）：
w3c模型--盒子宽高=width/height+padding+border+margin
IE盒子模型--盒子宽高=width/height+margin
c.css3指定盒子模型种类
box-sizing：content-box（标准盒子）
box-sizing：border-box（IE盒子模型）
2.BFC（块级格式化上下文）
1.每一个BFC区域包含创建该上下文的所有子元素，但是不包括创建了新的BFC的子元素的内部元素
2.每一个BFC区域都是独立隔绝的，互不影响
3.触发BFC
不是每一个元素都可以被当做BFC，只有这个元素满足以下任意条件的时候，此元素才被当做一个BFC
body根元素
设置浮动
设置定位，absolute、fixed
行内块显示inline-block
设置overflow
表格单元格table-cell
flex布局
4.BFC解决的问题
a.margin塌陷问题（垂直塌陷、父子包含margin-top塌陷）
b.清除浮动影响
c.BFC可以阻止标准流元素被浮动元素覆盖，主要是宽度自适应问题
3.CSS3中新增的属性, transform trasition animation等…
