最近学的CSS的一些小总结

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标签

5.学会通过动态的REM来做手机专用的自适应方案，（通过命令行下载sass 通过sass将PX单位动态的装换成REM）