今天完成的事情：

（1）完成task6剩余两个页面

http://139.129.13.246/task6/index.html

http://139.129.13.246/task6/vote.html

http://139.129.13.246/task6/result.html

https://github.com/fangunhs/task

（PS：在部分按钮上添加了超链接实现3个页面切换）

明天计划的事情：

（1）完成task7第一个页面

遇到的问题：

（1）关于雪碧图：我参考“慕课“中制作雪碧图的课程，借用了CssGaGa工具，将task6所有图片合成一张雪碧图，该工具可以提供横纵坐标，比如：result.png, 200, 100, 0, 0，后两个数字是横纵坐标。应用的关键代码（举例）是：

    background-position: -42px -140px;

    background-image: url(./img/CssGaga.png);

    background-size: 226px 156px;

       其中226px和156px是雪碧图的大小。应用过程中我发现一个问题，就是在用雪碧图时无法改变小图片的大小，所以应用雪碧图前必须先设置好每张小图的合适大小。

       我的做法是应用雪碧图前先设计好每张图的大小，然后用ps将每张小图的大小设置为目标值，接着合成雪碧图。当然，这样一来，在css中每张小图的大小就设为预设大小了。

       不知道有没有更好的办法，可以不用更改原来的小图片大小的，而是可以在应用雪碧图后进行设置。

（2）在对结果页页面中白色字体进行布局时，一开始我采用float：left，后来发现在页面宽度变大时会影响上下文的布局，后来采用display：inline-block解决问题。

（3）在webstorm上传代码至github时，提交失败，提示”有文件被添加过，后来又不见了巴拉巴拉“。其实是我之前添加过一张图片到VCS，后来删除了。找到解决办法：

       svn revert xxx.c（文件名前添加绝对路径） --depth infinity。这就告诉SVN把这个文件退回到之前的状态 "unversioned"，也就是不对这个文件做任何修改

收获：

（1）有时候（至于什么时候目前我也说不清）display：inline-block比float更好用。

（2）目前进行页面布局没有遇到什么大问题。首页的css还没有和后两个页面的css合并。对了，用css写图形比如三角形还没有学习。。

（3）还有，我学得挺快乐的，尤其是看到同门们优秀的页面