HTML-CSS（二十四）spirit雪碧图（CSS图精灵）

特性：css雪碧也叫做css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到所有零星图片都包含在一张大图中去加载
好处：可以减少图片的质量、网页的图片加载速度快

​ 减少图片的请求次数，加快网页的打开
这也是属于前端优化的一个方面，减少图片加载次数。现在很多大型网页都采用这种方式，能够一图多用，而且特别适用在背景图当中。下面这张图就是QQ飞车网页当中的雪碧图其中之一。可以看到，有许多小的图片组成，可能你会想，那么多个小图片组成一张图片的存储量，和几个小图加在一起存储量不是一样的吗？答案是不一定，很多时候，将多图放在一张大图的存储量远远小于多张小图的存储量。不信的话你可以实际操作看看