Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

我已经从事Web前端开发多年了，CSS 平时用起来也挺熟练的，但是总觉得自己对它理解得又不够透彻，所以一直想再系统的学习总结一遍，所以本文的重点并是不堆砌基础知识，在很多基础的地方会有省略、一笔带过。

Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密。 bl…