发表于: 2017-03-22 21:55:38

2 634


今天完成的事情:上午将昨天顶部导航栏和下拉菜单的问题基本解决完了,然后开始轮播图的解决,参照任务13的方法,调整细节上的不同,到下午16点左右才搞好。然后开始内容部分的编写,直接从bootstrap框架中把栅格系统的部分代码抽出来,单独做了一个less文件引入到网页中了,但是可能代码不全,显示也有些差别,一点点把有问题的地方补回来,到目前写日志为止,已经完成了内容部分的一半了。

明天计划的事情:将第一张网页做完,紧接着做第二三张,尽可能加快速度吧!

遇到的问题:

 第一个,记录一下昨天遗留问题的解决,下拉菜单的类里缺一个:hover的设定,所以下拉菜单弹出后不能点击。后来补上就正常了。还有在header中设置清除浮动的样式,下拉菜单弹出后,下拉菜单就会正常地把footer整体推下去,这样就达到了要的效果。

 第二个,轮播图的实现,任务13中已经参照网上的一个模版,只用css做出来了,虽然代码多,但是感觉结构还是比较清晰的,这次就直接拿过来用了。发现还是有问题,就是轮播的最外层父元素不能根据里边轮播主体的高度确定它的高度,必须得单独设置,而我又是用padding把轮播的背景撑出来,同时使文字居中的,因此这里有个不可调和的矛盾,调整了半天始终不能让父元素根据轮播主体确定高度,最后不得已,只能对主体设置高度,改变使文字居中的方法,然后对轮播最外父元素设置同样的高度才得以一致,有点不足的地方就是不能顺滑的随屏幕分辨率变小而变小,只能是媒体查询中跳跃性的缩小。

 第三个,关于栅格系统,本来打算自己做的,但是感觉框架里的栅格系统用惯了,就索性把里头的栅格系统的一部分给摘出来了,然后添加了分成5份的百分比。同时删掉了margin和padding值看看会遇到什么问题,必要的话再添加回去。还有一个发现,就是栅格的百分比只是对盒子模型内容部分的,不包括padding,更别说border了,这个是今天下午用自己摘出来的代码做网页时发现的一个现象。

收获:重新学了一遍轮播图,然后对下拉菜单的伪类等的添加有点了解,但还需要再深入探索一下。下午主要是摘建栅格系统时发现了一两个问题,也是第一次发现,说明对框架理解不深,感觉还是有空多实践一下!


返回列表 返回列表
评论

    分享到