容器

grid (定义格子)

grid-template (显式格子)

grid-template-areas

grid-template-columns

grid-template-rows

隐式格子

grid-auto-columns

grid-auto-rows

grid-auto-flow

gap (格子间隙)

column-gap

row-gap

对齐方式

place-content (格子本身)

justify-content

align-content

place-items (格子内)

justify-items

align-items

子元素

grid-area (定义元素占据多少格子)

grid-column

grid-column-start

grid-column-end

grid-row

grid-row-start

grid-row-end

另, grid-area 除了作为缩写, 也可以指定grid-template-areas 里定义的名称

place-self (对齐)

justify-self

align-self