发表于: 2018-05-23 23:43:13

1 696


今天完成的事情:

1.完成任务十四。

明天的计划:

1.js 任务1

遇到的问题:

1.纯css实现响应式导航的切换点击

解决:

通过百度,找到一个例子,是使用 Input 属性type="checkbox" 多选框来模拟点击的。

通过  input:checked 来判断是否点击了 input ,点击后把隐藏的导航栏实现出来。


2.css实现轮播图

不能完全实现所有功能,只能实现一个自动轮播。

收获:

1.使用 sass+nec 重构之前的任务,提高了编写css的效率。


(1)这个任务只引用一个css文件,优势在于前面写过的类,可以直接套用在另一个页面上。

(2)划分模块,可以减少类名的污染。

(3)模仿boostrap 栅格系统,按需分格。数字代表分多少格子。


(4)基本布局使用flex。


返回列表 返回列表
评论

    分享到