1.盒模型的两种区别：
content-box：content-box是W3C的标准盒模型 元素宽度+padding+border；
border-box：是IE的怪异盒模型，他的元素宽度等于内容宽度，内容宽度包含了padding和border；
有时候在元素基础上添加内边距padding或者border会将布局撑破，但是使用border-box就可以轻松完成。
2.一行等分分布，两栏布局，flex布局：1.flex属性是，flex-grow，flex-shrink，flex-basis的简写；2.flex-grow属性定义项目的放大比例，默认为0；3.flex-shrink属性定义项目的缩小比例，默认为1；4.flex-basis属性定义了项目的固定空间；
2.垂直居中：
单行行内：1.padding-top,bottom;2.height设置和line-height登高；
多行行内：1.可以将元素转为tabel样式，再设置：vertical-align: middle;2.flex布局
3.rem和em的区别：em相对于父元素，rem相对于根元素
4.清除浮动：1.利用clear属性进行清除：父容器结尾插入空标签：《div style="clear:both;"》《/div》;2.利用css伪元素：.clearfix:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; }；3.将父容器形成BFC。
4.sass:定义变量css嵌套，允许在代码中使用计算，支持if，for;
5.display:none和visibility：hidden：前者不会留下空间，后者位置仍然会保存。
6.BFC的理解：块级格式化上下文；
