发表于: 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。
评论