持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第25天，点击查看活动详情
grid-template-area、grid-area
可以通过给容器加上grid-template-areas将网格中的一些单元格组合成一个区域（area）。同时可以给该区域指定一个自定义名称，例如举例中的“test01”。
<style type="css/test">
.d1{
background:Blue;
grid-area: test01;
}
repeat重复指定：帮助你快速添加重复的行列属性
使用repeat方法指定行或列的重复次数，后面加上逗号以及需要重复的值
grid-template-rows: repeat(100, 50px)
//为添加 100 行，每行高度均为 50px
grid-template-rows: repeat(2, 1fr 10px) 20px;
//等价于 grid-template-rows: 1fr 10px 1fr 10px 20px;1fr和10px重复两次
写在最后
重新开始更文啦！最近忙了一段时间，终于继续可以学习！感谢大家的支持！我会继续努力坚持学习！养成了好习惯，每天必定会抽出时间多多少少学习前端知识～
以上习题&笔记从大佬们的论坛学习而来，特感谢大佬们的知识分享～ （学习技术知识，果然要看大佬们的技术博客，大家有好的推荐也欢迎指引我这个小白哈，感恩！）
附上学习链接，感谢这些大佬出题和解答：
