1.精灵图
为什么需要精灵图？
答：一个网页中会很多小的背景图片作为修饰，当网页中的图像过多时，服务器就会频繁的接收和发送请求图片，造成服务器请求压力过大，降低页面的加载速度。
为了有效减少服务器接收 和 发送请求的次数，提高页面的加载速度，出现了 CSS精灵技术（也称作 CSS Sprites ，CSS雪碧，雪碧图）
核心原理：将网页中的一些小图片整合到一张大图中，这样服务器只需要一次请求就可以了。
注意：一般情况下，精灵图都是负值（和网页中的坐标相反）
