如图在行列宽度进行定义的时候，可以对行线和列线进行名字的定义，用[]进行定义，且里面用空格进行分隔名字，一条线可以有多个名字

grid-template中的属性值 line-name：网格线名字，网格线名称主要是为了对网格区域进行更好的描述。可以为网格线起任一名字。格式如下：

给网格线取名字：

grid-template-columns：[first] 40px [second] 20px [third] 40px [end];

grid-template-rows：[first] 40px [second] 20px [end];

line-name(网格线的名字)

[]包裹，可以有多个名字，用空格隔开即可

--例子

网格线命名：取决于网格线的位置，和名字无关。

网格线命名便于对复杂网页开发进行区域规划。