grid布局

重要术语

Grid Container、Grid Item、Grid Line、Grid Track、Grid Cell、Grid Area
具体术语介绍内容很多可自行下载后面的文档学习：grid.docx
总的来说 Web 布局经历了以下四个阶段：
　　1、table表格布局，通过 Dreamweaver 拖拽表格或者手写 table 标签布局
　　2、float浮动及position定位布局，借助元素盒模型本身的特性以及 float position 等属性等进行布局
　　3、flex弹性盒模型布局，革命性的突破，解决传统布局方案上的三大痛点 排列方向、对齐方式，自适应尺寸。是目前最为成熟和强大的布局方案
　　4、grid栅格布局，二维布局模块，具有强大的内容尺寸和定位能力，适合需要在两个维度上对齐内容的布局