发表于: 2017-03-25 21:34:41
1 581
今日完成的事情:
拆分任务8,任务8的三个页面的header跟footer一样,所以就拆成了两个sass文件:header.scss和footer.scss。给并新建了一个reset.scss文件,在reset.scss文件中清除了元素所自带的样式,并把函数和全局变量放在了里面。然后再为首页新建一个task1.scss文件,在文件中调用reset.scss、header.scss和footer.scss文件。用sass的for循环语句写bootstrap的栅格布局,还是把1行分成了12列,如果分成10列,那一行如果有3个div就不好分,发现12列是最好分的。
明天计划的事情:
完成任务14。
遇到的问题:
1、因为任务15是做响应式,所以在header.scss和footer.scss文件中给设置了媒体查询,但是碰到一个问题,屏幕宽度过窄时向右的导航栏变为按钮式的下拉,用sass写出了按钮,但是发现如果用纯sass无法写出点击按钮会出现下拉的菜单,需要用js实现,空在那了没做。
2、首页有好几个雪碧图,所以给设置了函数,在header里调用reset里的函数时直接使用:@include i(images/sprite1.png);发现报错,后来给路径加了双引号,函数语句中使用了background: url(unquote($url)) no-repeat !important;给它使用了unquote(string)函数去掉字符串的引号。
3、写首页时出现了横向滚动条,我才刚说完,绍博师兄(他在给别人讲问题)听到了就说宽度超出了body的宽度,检查了一遍确实如此,发现他好厉害呀
收获:用多了sass写就觉得越来越熟练,越来越好写。
评论