精灵图片

精灵图片：

把很多张小图片整合成一张大图片，同时css显示其中一张的小的图标 这个就是图片精灵技术

使用精灵图片的好处：

减少页面的请求次数 页面加载速度比较快

使用方法

background-size设置背景图片的大小

background-position设置背景图片的位置移动到你想要的区域

来源：https://www.cnblogs.com/baixuezhemei/p/jinglingtupian.html