精灵图（sprites）

1.为了有效减少服务器接收和发送请求的次数，提高网页的加载速度。

2.核心原理：将网页中的一些小背景图片整合到一张大图中，这样服务器只需要一次请求就可以了。

3.针对背景图片使用。

4.大图片称为sprites

5.移动背景图片位置用background-position。

6.移动的距离就是这个目标图片的x和y坐标

7.往上往左移动，数值都是负值。

8.坐标轴是下y轴右x轴。