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栅格布局,二维布局模块,具有强大的内容尺寸和定位能力,适合需要在两个维度上对齐内容的布局

你可能感兴趣的:(CSS)