1.今天完成的事：

  （1）完成了task7官网首页的轮播图。

  （2）完成了task7的第二个页面。

  （3）了解了bootstrap的作用，就是别人已经造好了的轮子。昨天就听他们在讨论这个，今天上午开始用这个顺利地做出了轮播图的效果，不过听古尘说老大要求我们先用css写一遍轮播图，下午找来css轮播图制作的教程研究了下，弄明白了原理，但是做出来有点粗糙。

  （4）学习了古尘发在群里的bootstrap实现轮播图的原理，js部分能看懂一点，但实现逻辑和代码作用还有很多不明白的。

2.明天计划的事：

  （1）task8。

3.遇到的问题：

  （1）在使用bootstrap制作轮播图的时候，引用了bootstrap的js文件以后会对原html的各类样式产生影响。谷歌得知引用css文件的先后顺序会影响样式覆盖顺序，将自己写的原css文件放到最后引用，果然搞定了。

  （2）js引用库的问题。上传代码的时候发现大部分网站都是引用的网络js库，看了下网上有很多类型的js库啊，老大推荐用哪个。我这边当时上传的时候没多想，直接把自己电脑上的bootstrap上传到云服务器上了。以后应该就是直接引用网络库了吧?

  （3）在task7-2的画图中，对于ul list-style和hover的应用，开始有点想错了，以为，鼠标放上去以后那个小圆圈也要由空心变为实心。想了想好像没什么特别好的方法，后来理解过来是点开链接以后小圆圈才会变，以后的任务好像也会做到这个，不知道用什么简便的方法可以实现。

4.收获：

  （1）明白了bootstrap的作用，引用以后做轮播图确实很方便。别人造好的轮子用起来就是好用。。但是在群里听他们说要先学会css画的原理，循序渐进，感觉也是这个道理。bootstrap是别人为了简化开发过程而设计的工具，直接上手确实好用，以前也听说过不要重复造轮子的话，但是学习的时候不了解怎么造轮子，以后肯定也没办法用好。

  （2）学习了css画轮播图的方法和原理，粗略了解了bootstrap做轮播图的原理，

  （3）进一步熟悉了ul和hover的使用，以及雪碧图的自动合成方法。

项目地址：

task7首页：http://119.10.57.67/ptt02/task/task7/task7-index.html

task7-2:http://119.10.57.67/ptt02/task/task7/task7-2.html

github地址：https://github.com/yangxiaokun/cssTASK/tree/master/task7