2019.12.28第八节课

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: 将项目放入行与列的网络起止线封闭的单元格中