发表于: 2018-11-30 23:59:10
1 788
今天完成的事
修改了任务八的一些错误,学习到了一些新知识, 知道了grid的使用 可还是不太熟悉,
学到的知识, grid网格的使用
CSS Grid 布局由两个核心组成部分是 wrapper(父元素)和 items(子元素)。 wrapper 是实际的 grid(网格),items 是 grid(网格) 内的内容。
如何使用: 在任何的父容器的 加 属性 display: grid; 就可以使用
接下来就是区划格子
父容器的属性
grid-template-columns: 100px 100px 100px;
grid-template-rows: 50px 50px;
grid-template-columns 是 设置 列 后面的值是 列的宽度
grid-template-rows 是 设置 行 后面的的是 行的高度
子容器的属性
grid-column-start: 1;
grid-column-end: 4;
说白了就是设置 子容器的宽度 他的简写方式 grid-column: 1 / 4; 可这样
明天计划的事
完成任务 八 任务九 提交
遇到的问题
任务八的 友情链接还不会 写 栅格系统也 理透了就是写不出来 想要的效果来
明天查查资料在看看
评论