精灵图（sprites）
意思是将一个页面涉及到的所有图片都包含到一张大图中去，然后利用CSS的 background-image，background-repeat，background-position属性的组合进行背景定位。
优点：
- 利用css sprites 能很好地减少网页的http请求，从而大大提高了页面的性能，这也是精灵图最大的优点
- css sprites 能减少图片的字节，把3张图片合并成1张图片的字节总是小于这3张图片的字节总和。
缺点：
- 在图片合并时，图片的体积会随之增大，在宽屏及高分辨率下的自适应页面，如果背景不够宽，很容易出现背景断裂；
- 精灵图在开发的时候也有点麻烦，需要借助
photoshop或者其它工具来对每个背景位置进行测量
