css 网格布局

• grid CSS3
• grid 是一个CSS简写属性，可以用来设置以下属性：显式网格属性 grid-template-rows、grid-template-columns 和 grid-template-areas，隐式网格属性 grid-auto-rows、grid-auto-columns 和 grid-auto-flow，间距属性 grid-column-gap 和 grid-row-gap。

• grid-template CSS3
• grid-template，CSS属性简写，用以定义网格中行、列与分区。

• grid-template-columns
• grid-template-columns 该属性是基于网格列的维度，去定义网格线的名称和网格轨道的尺寸大小。

• grid-template-rows CSS3
• grid-template-rows 该属性是基于 网格行 的维度，去定义网格线的名称和网格轨道的尺寸大小。

• grid-template-areas CSS3
• grid-template-areas CSS 属性是网格区域 grid areas 在CSS中的特定命名。

• grid-row CSS3
• grid-row 属性是一种 grid-row-start 和 grid-row-end 的缩写（shorthand）形式，它定义了网格单元与网格行（row）相关的尺寸和位置，可以通过在网格布局中的基线（line），跨度（span），或者什么也不做（自动），从而指定 grid area 的行起始与行结束。

• grid-row-start CSS3
• grid-row-start CSS属性指定网格项在网格行中的起始位置，方法是为网格项的网格位置提供一条线、一个跨距或无任何内容（自动），从而指定网格区域的内联起始边缘。

• grid-row-end CSS3
• grid-row-end CSS属性指定网格项在网格行中的结束位置，方法是为网格项的网格位置提供一条线、一个跨距或无任何内容（自动），从而指定网格区域的内联结束边缘。

• grid-column CSS3
• grid-column CSS属性是网格列开始和网格列结束的速记属性，它通过为网格的放置提供一条线、一个跨距或无任何内容（自动）来指定网格项在网格列中的大小和位置，从而指定其网格区域的内联开始和内联结束边缘。

• grid-column-start CSS3
• grid-column-start CSS属性指定网格项在网格列中的起始位置，方法是为网格项的网格位置添加一行、一个跨距或无任何内容（自动）。此起始位置定义栅格区域的块起始边。

• grid-column-end CSS3
• grid-column-end CSS属性指定网格项在网格列中的结束位置，方法是为网格项的网格位置提供一条线、一个跨距或无任何内容（自动），从而指定网格区域的块结束边缘。

• grid-area CSS3
• CSS 属性 grid-area 是一种对于 grid-row-start、grid-column-start、grid-row-end 和 grid-column-end 的简写，通过基线（line），跨度（span）或没有（自动）的网格放置在 grid row 中指定一个网格项的大小和位置，继而确定 grid area 的边界。

• grid-auto-columns CSS3
• CSS 属性 grid-auto-columns 指定了隐式创建的网格纵向轨道（track）的宽度。如果一个表格项目被定位在没有使用 grid-template-columns 显式指定尺寸的列中，隐式的 grid 轨道就会被创建出来支撑它。显式地定位到超出范围的列中，或者通过自动布局算法创建额外的列，就会发生上诉情况。

• grid-auto-flow CSS3
• grid-auto-flow 属性控制着自动布局算法怎样运作，精确指定在网格中被自动布局的元素怎样排列。

• grid-auto-rows CSS3
• CSS属性 grid-auto-rows 用于指定隐式创建的行轨道大小。

• gap CSS3
• gap 属性是用来设置网格行与列之间的间隙（gutters），该属性是row-gap and column-gap的简写形式。

• row-gap CSS3
• row-gap 该 CSS 属性用来设置行元素之间的间隙(gutter) 大小。