Css 了解网格的自定义标识和看似未知的列数？

检查网格列上的MDN文档（）时，我看到了一个我无法完全理解的声明：

网格模板列：[linename1]100px[linename2]重复（自动拟合，[linename3-linename4]300px）100px

似乎自定义标识“linename1”将花费100px，然后linename2将重复一个？？？300px的“linename 3 linename 4”次数，最后还有一列未命名的100px

我试过了，但没能成功，所以它在这里：


.dv{显示：网格；
网格模板列：[linename1]100px
[linename2]重复（自动装配，[linename3 linename4]300px）
100px；
网格间距：5px；}
div div{背景色：#F37272；
文本对齐：居中；
填充：10px；
颜色：黑色；
边框：纯黑1px；}
.dv1{网格行：3；
网格列：linename1/linename3 linename4；}

1.
2.
3.
4.
5.
6.
7.
8.