与弹性盒布局不同，栅格布局是二维布局
display:grid是让元素变成栅格元素的标志
还有一个值是liline-grid
grid-template-columns定义纵向栅格轨道，可以指定纵向栅格轨道的数量和宽度
grid-template-rows
关键字：fr，1fr表示一份
grid-template-areas可以完成一个区域的定义