CSS Sprite

雪碧图的优点

减少了HTTP请求的数目，内容显示更快。

使用雪碧图的场景

1. 静态图片，不随时间变化。
2. 小图片，图片容量小。
3. 加载量大

实现原理

利用CSS的background-position属性控制背景图的位置。左上角为原点(0,0)，偏移量要设置为负值。