完成的事情

完成了task6切图
学习了雪碧图知识点：background-image background-position

1.相对于当个小图标，它节省文件体积和服务请求次数。将所有零碎网页背景图片整合到一起，这样做可以有效的减少http对图片的请求次，而不需要加载多次加载零碎的背景图片，所以合理的利用好它可以有效
的提高网页的加载速度。
2.一般情况下，你需要保存为PNG-24的文件格式。
3.可以设计出丰富多彩的颜色体表
难点：
1.你需预先确定每个小图标的大小
2.注意小图标与小图标之间的距离
3.细心、耐心
实现原理background-position
原理：通过css的背景定位属性：background-position来控坐标轴,拼合背景图的小图(x,y)为负,以雪碧图左上角的定点为(0,0)坐标，当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0;
 实现原理：控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图滑动。
实现方式：
1.PS
2.使用CSS雪碧图生成工具cssGaga下载地址：http://www.99css.com/1524
雪碧图最重要的部分 background-position:x轴 y轴，要使用定义i标签，并在之前引用雪碧图 学习了用js实现点击图片播发歌曲的方式。学习了雪碧图的含义和生成方式

明天的计划：继续写task6，查找关于网页性能优化的资料。