视频字幕
欢迎学习CSS Grid布局！Grid是一种强大的二维布局系统，它将容器划分为行和列，形成网格结构。在这个网格中，我们可以精确地控制每个项目的位置和大小。让我们先看看一个基本的Grid布局是什么样子的。
创建Grid布局的第一步是设置容器属性。我们需要将display属性设为grid，然后定义列和行的模板。grid-template-columns定义列的数量和大小，grid-template-rows定义行的数量和大小。1fr表示可用空间的一个分数单位。gap属性用来设置网格项目之间的间距。