今天完成的事：task8大部分布置完成。task7轮播图还是在奋斗中。今天主要见识到了空字符的影响。由于<li>标签的换行符，会有一个空字符出现，导致我在设置display：inline-block后li元素内容之间有间距。试了一下，感觉最好的方法是font-size:0，另外的用负margin的方法也可以。如margin-left:0.5em.还有一种方法是float left。但是在任务8里不是很适用。另外rgba（）比opacity好用，不过应该要考虑兼容的问题。我就先不管了。

明天的计划：完成task8

遇到的问题：其实做轮播图让我郁闷的是图片是1920px的。我看到网上是让设置style 属性left值来控制，可是容器我设的是1200px,网上视频时用的定宽的图片，我自己试试也能成功。就是这种宽度比容器大的我比较无从下手。其实应该还有其他轮播图的方法，我想搞清楚这个。。。。所以三天了，哎，没想法。

task7-1：http://htmlpreview.github.io/?https://github.com/xiaomimi2/gittest/blob/master/web/task7-1.html

task7-2:http://htmlpreview.github.io/?https://github.com/xiaomimi2/gittest/blob/master/web/task7-2.html

task8:http://htmlpreview.github.io/?https://github.com/xiaomimi2/gittest/blob/master/web/task8-1.html