发表于： 2020-06-24 21:24:12
1 1155
今天完成的事情：
完成了任务15的页面
复习了网格布局：
容器里面的水平区域称为"行"（row），垂直区域称为"列"（column）
display: grid指定一个容器采用网格布局
grid-template-columns属性定义每一列的列宽，grid-template-rows属性定义每一行的行高
.container {
display: grid;
grid-template-columns: 100px 100px 100px;
grid-template-rows: 100px 100px 100px;
grid-column-start属性：左边框所在的垂直网格线
grid-column-end属性：右边框所在的垂直网格线
grid-row-start属性：上边框所在的水平网格线
grid-row-end属性：下边框所在的水平网格线
返回列表
评论