发表于: 2016-04-12 14:59:04

1 1507


今天完成的事情:继续填昨天的坑,总结下前两天写task7遇到的一些问题和收获。

明天计划的事情: 继续填坑,task7还有些小问题需要解决。

遇到的问题:

1、写修真院首页的时候中间banner部分轮播图不知怎么实现。

     解决:先是想用position定位结合transform来实现轮播,但是在研究transform时发现没有定位的变化属性,所以这个方式只有放弃,后来看了看师兄师姐的代码,基本都是用js写出来的,对于js我一窍不通,遂另行找办法解决。在百度了一大堆相关技术后发现其实可以结合margin和animation、@keyframes(关键帧)来实现,根据动画时间在不同时间点调节margin-left的大小实现banner图左右浮动,虽然根据百度出来的教程做出来有轮播效果,但是上传到服务器后在360浏览器下查看没有轮播效果···后面学了js再把这个坑填了。

2、写修真院首页"如何学习“部分,用li无法做到一行的内容居中对齐。

     解决:看了师兄代码,是用的是div结构来写,使用display:inblock;实现快元素在一行显示,在适当调节margin来居中。

收获:

     1、为元素添加阴影使用:box-shadow:0 0 20px #f5f5f5;其中四个属性值依次表示:阴影X轴偏移量,阴影Y轴偏移量,阴影模糊半径,阴影颜色。

     2、为列表添加指定样式可以使用:list-style-img:url("")来实现,如task7-2中的列表样式。


http://119.10.57.66:880/ptt009/ptt/task7/task7-1.html

(暂时就这些吧,感觉整个task7写的好差,后面再来填坑吧。)



返回列表 返回列表
评论

    分享到