grid布局之grid属性详解

功能特点：

术语：
1、grid container
网格容器：
元素应用 display：grid；它是其所有网格项（网格项）的父元素
网格项：是网格容器的子元素，display：grid下的子元素称为网格项
2、grid line
网格线（组成网格项的分割线）
3、grid track
网格轨道：两个相邻的网格线之间为网格轨道（不相交）
特点：顶到容器边缘
4、grid cell
网格单元：两个相邻的列网格线和两个相邻的行网格线组成的是网格单元
网格项是页面上可以找到的dom元素，网格单元是网格线开始划分的，不能找到
5、grid area
网格区域：四个网格线包围的总空间
单位
fr：剩余空间分配数
gr：网格数（没被采纳）