12.27作业情况
Grid 网格布局
Grid中的术语
- 网格线(grid lines): 编号, 命名
- 轨道(grid tracks): 二条线中间的空间, px, %, fr
- 单元格(grid cell): 四条网格线包起来的封闭空间
- 网格区域(grid area): 多个单元格形成的矩形区域
- 网格间距(grid gap): 行或列之间的间隙
Grid容器属性
- 功能就是画网格
grid-template-colums
: 基于列,定义网络线的名与与轨道大小grid-template-rows
: 基于行,定义网络线的名与与轨道大小grid-column-gap | grid-row-gap | grid-gap | gap
: 行/列间隙
Grid项目属性
grid-column-start/end | grid-row-start/end
: 将项目放入行与列的网络起止线封闭的单元格中