发表于: 2019-06-13 23:44:51
1 785
今天完成的事:
对头部进行了重构使用了bootsrap,大致了解了栅格布局的用法,
明天计划的事:
完成任务6,学习HTML5的audio定义音频流,和如何处理半透明,学习CSS3动画。
遇到的问题:
在使用伪类的时候我开始是这样写的
但是没有效果,我看了师兄的代码后改了格式
就有效果了。第二种写法要比第一种影响要大。
收获:
了解了什么是栅格系统
栅格系统(CSS Grids)是一种运用固定的格子设计版面布局。
用栅格系统有什么好处。
提高生产力,通过在网格的划分,元素更容易堆放而且在跨浏览器上面具有一致性,使我们可以专心的注意布局而不是兼容上。具有灵活性,无论是什么样的布局,都可以拆分到粒度为一个网格的大小。
栅格系统的组成
一个基本的栅格布局,它包含了:
- container: 包裹整个栅格系统的容器
- rows: 行
- columns: 列
- gutters: 各列的间的空隙
评论