1.今天完成的事：

  （1）学习了解了雪碧图的机制和应用。

  （2）了解了音频插入的方法。

  （3）完成了task6-2 投票页的制作。

2.明天计划的事：

  （1）完成task6-3。

3.遇到的问题：

  （1）雪碧图的制作和插入。官网教程是先配置好软件，写完布局后再使用软件生成雪碧图和相应的代码。但我是直接用软件生成了雪碧图，然后再写代码的过程中插入相应坐标。

     做完后浏览了几篇关于雪碧图的文章，大致明白了雪碧图的作用和设计意图。雪碧图的主要出发点是为了减少单次页面的请求数，降低服务器的负担。由于当前任务各类元素较少，先制作雪碧图再写代码也可以，但在实际应用中由于涉及元素很多，都是先写代码，再由软件生成雪碧图和代码进行更替。以后应该注意这个先后顺序。

  （2）在插入音频的过程中，对button内插入图片，结果发现圆形图片四周存在白色的背景色，与刘思远讨论了很久尝试了各种方法都没办法消除，后来才发现这是button自带的背景色，由于button默认是长方形，由圆形图片撑起行高后形成了大的长方形白色背景，消除边框并将button处理为圆形，果然解决了这个问题。

4.收获：

  （1）了解了雪碧图的作用机理及目的。雪碧图是为了降低服务器端的负担而设计的，属于后台优化。这意味着前端存在两个优化方向，一是通过各类样式使用优化浏览器端的显示效果，二是通过优化代码和结构减轻服务器端的压力。

  （2）了解了音频插入的方法，js部分代码是直接copy过来修改的，琢磨了一下基本能读懂语法和规则，听刘思远说以后会经常接触这个。

  （3）通过这次button乌龙问题，了解了button的各类默认属性。

  （4）老大你的歌声。。。

task6-2地址：http://119.10.57.67/ptt02/task/task6/task6-2.html

github:  https://github.com/yangxiaokun/cssTASK/tree/master/task6