发表于: 2017-03-09 00:48:11
2 748
今天完成的事情:重构任务9修真院首页页面,重置CSS样式采用了normalize.CSS,优化了一些显示效果,拆分顶部和导航栏的组件样式,加多了媒体查询的使用,学习了一点JS基础,参考师姐的代码,写了导航栏的按钮效果和轮播图效果
明天计划的事情: 照着慕课网的教程,用JS写轮播图,能懂多少就多少吧,算是JS的前奏。另外继续重构任务9,BS的栅格系统也不能用了,琢磨这怎么实现不同分辨绿的换行效果
遇到的问题:
1.CSS代码添加注释的时候全部是乱码,需要在css代码开头也添加编码格式@charset "utf-8"。
2.JS给按钮设置onclick属性,下面是
function change() {
var list = document.getElementById("change");
if (list.style.display == 'none') {
list.style.display = 'block';
} else {
list.style.display = 'none';
}
}
其触发后的属性,不知道为什么,默认的样式显示是block状态,不知道怎么设置?
收获:
这个任务觉得有必要认真的重构,理顺HTML、CSS知识,包括heml结构合理,css命名代码规范,使用sass编译css代码。不使用BS完美实现这几点。
评论