发表于: 2017-03-11 21:52:26
0 650
今天完成的任务
今天完成了任务12,在不使用bs的情况下重写任务5任务6两个页面,感觉随着学习的进行,在重写着两个页面的时候和当时第一次写的时候,觉得有了很大的区别,对于布局的理解和各种标签的使用都有了很大的进步,当时一筹莫展的地方现在可以想到好几种解决办法,这也许就是进步吧。
明天计划的事情
如果任务12通过的话,明天开始学习任务13,今天粗略的看了以下任务详情,发现完全不能看懂要求是什么,应该又是全新的学习内容了吧,明天好好学习,争取一个月时间内完成css部分的学习。
遇到的问题
通过今天的重写,我觉得虽然sass是一种很方便的语言,但是感觉在这种简单的页面里应用并不是很多,也可能是我对sass的理解不够,只能少量的应用变量或者@mixin,还有在写代码的时候用嵌套的方式来写,我觉得可能sass的精髓是在函数和计算、判断循环等的应用上,现在首先是不会应用,其次这些页面也用不到这些,今后再慢慢了解吧。
不适用bs重写的主要难点在于下拉菜单的重写,我实现的办法是用无序列表先写出菜单里的内容,然后设置高度,用overflow:hidden来隐藏菜单内容,最后用hover来改变高度使内容显示出来。
在一个div里有多行文本的时候,就不能用line-height=height来实现垂直居中,查了资料需要插入table然后设置vertical-align:middle来实现,不知道除了这种方法还有没有其他方便的方法。
收获
今天学习了不使用bs的情况下怎样用纯CSS来写出下拉菜单,虽然原理上和bs所用的下拉菜单不一样,美观程度也比不上bs,但是加上今天新学的过渡效果的实现看起来还是很高大上的,明天学习怎样用CSS来实现轮播图(好像纯CSS不太可能?)。
今后在代码规范上还要继续努力,有些坏习惯好难改掉,一定要及时改掉,而且今后要养成多注释的好习惯。
评论