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