CSS Sprite 雪碧图，简单来说就是：
为了提高网页的性能，减少加载次数，将一些不会经常随网站内容变化的小图标，集中放在一张大图上，将该图应作为background-image 嵌入页面中，在需要相关图标时，根据background-position设置坐标值，达到目的。
一个例子，可以复制然后看一下效果：
HTML代码：
<span style="color: #0000ff;"><span style="color: #ff00ff;">DOCTYPE html</span></span>
