如图，简写实例

属性值的定义

实际进行编写的顺序

grid可以进行下面所有属性的简写

本章所讲的grid属性有:

1. display

2. grid-template-rows(行高)，grid-template-columns(列宽)，grid-template-areas。简写：grid-template

3. grid-row-gad(行间距)，grid-column-gad(列间距)。简写：grid-gad（行，列）或gad（行，列）

   注：gad 旧低版浏览器不支持

4. justify-items（水平方向） 和 align-items（垂直方向）

   简写：place-items（垂直，水平）

5. justify-content（水平方向） 和 justify-content（垂直方向）

   简写：place-content（垂直，水平）

6. grid-auto-rows，grid-auto-columns，grid-auto-flow(自动布局算法的工作方式)。

   grid-auto：用于指定自动生成的网格轨道（也叫隐式网格轨道）的大小。

   隐式网格轨道：指超出指定网格范围的行/列时被创建的轨道。
   

简写网格区域areas

grid简写属性值设置解析

grid简写，汇总写一起的语法

属性值

none：将所有子属性设置为其初始值

<grid-template-rows>/<grid-template-columns>：将grid-template-rows 和grid-template-columns分别设置未指定值，将所有其他子鼠星设置为起初始值

<grid-auto-flow>[<grid-auto-rows>[/<grid-auto-columns>]]：接受所有与grid-auto-flow,grid-auto-rows和grid-auto-columns相同的值。如果省略grid-auto-columns,则将其设置未grid-auto-rows制定的值。如果两者都被省略，则他们被设置未他们的初始值

.container{

gird:none | <grid-template-rows> / <grid-template-colums>|

<grid-auto-flow> [<grid-auto-rows>[/<grid-auto-columns>]]}

grid

 在单个属性中设置所有以下属性的j简写:grid-template-rows,

grid-template-columns,grid-template-areas,grid-auto-rows,

grid-auto-columns 和grid-auto-flow.

同时将set grid-column-gap 和grid-row-gap设置未他们的初始值，几时他们不能被彼此属性显示设置。

grid 简写形式