3.1. grid-template-columns网格布局中列的数量（和宽度）
grid-template-rows网格布局中行的数量（和高度）
3.1.2. 函数
minmax(最小值,最大值) 会在最大值与最小值之间产生一个长度值
repeat()
repeat(重复的次数，重复的值) 重复某个值
repeat(重复的次数，重复的模式) 重复某种模式
3.1.3. 关键词
auto 自动
fr 弹性系数，按比例分配剩余空间
auto-fill 自动填充
3.2. 列间距 column-gap
行间距 row-gap
3.2.2. 简写： gap： 行间距 列间距;
如果只给一个值,就代表行间距与列艰巨相等，都是设置的这个值
3.3. justify-content水平位置 总网格区域相对于容器左右对齐方式(网格内容大小小于容器宽时)
align-content 垂直位置 总网格区域相对于容器上下对齐方式(网格内容大小小于容器高时)
3.3.1. - start - 对齐容器的起始边框。
- end - 对齐容器的结束边框。
- center - 容器内部居中。
- stretch - 项目大小没有指定时，拉伸占据整个网格容器。
- space-around - 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与容器边框的间隔大一倍。
- space-between - 项目与项目的间隔相等，项目与容器边框之间没有间隔。
- space-evenly - 项目与项目的间隔相等，项目与容器边框之间也是同样长度的间隔。
3.3.2. 简写： place-content:垂直位置 水平位置;
注意：如果只给一个值，代表这两个值是一样的
3.4. justify-items 水平位置:内容相对于单元格左右对齐方式(通常项目内容大小小于单元格宽度时)
align-items 垂直位置:内容相对于单元格上下对齐方式(通常项目内容大小小于单元格高度时)
3.4.1. - start：对齐单元格的起始边缘。
- end：对齐单元格的结束边缘。
- center：单元格内部居中。
- stretch：拉伸，占满单元格的整个宽度（默认值）
3.4.2. 简写： place-items:垂直位置 水平位置;
3.5. grid-auto-flow 属性
3.5.1. - 默认值是row，即"先行后列"。
- column，变成"先列后行"。
- dense 自动稠密补位布局 [尽可能紧密填满，尽量不出现空格]。
