发表于: 2019-06-13 23:44:51

1 785


今天完成的事:

对头部进行了重构使用了bootsrap,大致了解了栅格布局的用法,

明天计划的事:

完成任务6,学习HTML5的audio定义音频流,和如何处理半透明,学习CSS3动画。

遇到的问题:

在使用伪类的时候我开始是这样写的

但是没有效果,我看了师兄的代码后改了格式就有效果了。第二种写法要比第一种影响要大。



收获:

了解了什么是栅格系统

栅格系统(CSS Grids)是一种运用固定的格子设计版面布局。

栅格系统有什么好处。

提高生产力,通过在网格的划分,元素更容易堆放而且在跨浏览器上面具有一致性,使我们可以专心的注意布局而不是兼容上。具有灵活性,无论是什么样的布局,都可以拆分到粒度为一个网格的大小。

栅格系统的组成

一个基本的栅格布局,它包含了:

  • container: 包裹整个栅格系统的容器
  • rows: 行
  • columns: 列
  • gutters: 各列的间的空隙




返回列表 返回列表
评论

    分享到