1.一个前端必须要学好命令行
2.CSS首先要学会基本的语法，然后学会常用的套路，最后要会用一些常用的工具。
常用的布局套路。float（儿子全加 float: left （right）老子加 .clearfix） 和 flex（老子加 display: flex）
3.面试常问的BFC
堆叠上下文和BFC：我们只是知道一些属性会触发他们，但并不知道他们是什么。
（1）触发堆叠上下文：
根元素 (HTML),
z-index 值不为 "auto"的 绝对/相对定位，
一个 z-index 值不为 "auto"的 flex 项目 (flex item)，即父元素 display: flex|inline-flex，
opacity 属性值小于 1 的元素（参考 the specification for opacity），
transform 属性值不为 "none"的元素，
mix-blend-mode 属性值不为 "normal"的元素，
filter值不为“none”的元素，
perspective值不为“none”的元素，
isolation 属性被设置为 "isolate"的元素，
position: fixed
在 will-change 中指定了任意 CSS 属性，即便你没有直接指定这些属性的值（参考 这篇文章）
-webkit-overflow-scrolling 属性被设置 "touch"的元素
（2）触发BFC
根元素或其它包含它的元素
浮动元素（元素的float不是none）
绝对定位元素（元素具有postion为absolute或fixed）
内联块（元素具有display：inline-block）
表格单元格（元素具有display：table-cell，HTML表格单元格默认属性）
表格标题（元素具有display：table-caption，HTML表格单元格默认属性）
具有overflow且值不是visible的块元素
display：flow-root （CSS3 专门出的触发BFC）
4.移动端页面（响应式） 学会media query 注意手机端需要加一个meta标签 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
5.学会通过动态的REM来做手机专用的自适应方案，（通过命令行下载sass 通过sass将PX单位动态的装换成REM）
