CSS sprite精灵图

精灵图
如果以页面上有太多的小图片，就将给服务器发送过多的请求，造成服务器的压力。现在将页面上的小的图片做成一张大图，那么竟来在页面请求服务器的时候，只需要发送一条请求就可以将所有的图片全部拿到。这一张图片就叫做精灵图。即CSS Sprite。

实现：
1、将很多的小图片放到一张大图上。
2、background-position结合起来使用。

制作：
1、小的背景图做成精灵图。
2、一般精灵图的大小大于最宽的那个背景就可以了。
3、背景图片之间必须有间隙。
4、精灵图底侧留有一定的间隙，方便后续的添加。