CSS 精灵

实际上就是把网页中的一些背景图片整合到一张图片文件中,再利用 css 的background-image,background-repeat,background-position 组合进行背景定位,background-position 可以用数字精确的定位出背景图的位置


优点:

减少HTTP的请求
css sprite 能减少图片的字节
减少命名
便于后期风格的修改


缺点:

增加开发的成本
不利于后期的单图的修改