CSSSprite雪碧图制作

CSS Sprite 雪碧图，简单来说就是：

为了提高网页的性能，减少加载次数，将一些不会经常随网站内容变化的小图标，集中放在一张大图上，将该图应作为background-image 嵌入页面中，在需要相关图标时，根据background-position设置坐标值，达到目的。

一个例子，可以复制然后看一下效果：

HTML代码：