雪碧图-初识

在写前端时，听到雪碧图这个概念。因此在网上查了查资料，了解了一番。

什么是雪碧图？

CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。

作用是什么？

雪碧图的应用可以减少网站的HTTP请求数量，提升网站加载性能，对内存和带宽更加友好，提高用户体验度。

应用过程？

1、用ps或compass等工具把小图标和背景图拼起来。

2、在CSS中利用定位来显示需要显示的图片部分。

先简单了解一下。接下来试着做个例子看看效果，体会体会原理。