* 原理：
css sprite又叫css精灵/雪碧图，是把网页中的一些背景图整合到一张图片中，再通过background-position属性进行图片定位。
* 优点：
1. 减少http请求，提高页面加载速度
2. 风格更换方便，只需要修改一张图片就可以改变整个网页的风格
3. 命名简单，只需要给一张整合的图片命名即可
* 缺点：
1. 定位繁琐，需要精确计算图片大小和图片位置
2. 维护麻烦，修改一个地方可能需要重新布局整张图片、样式
3. 宽屏、高分屏下的自适应页面，如果图片宽度不够，可能会出现背景断裂的现象
