雪碧图 (sprite)是一种图片拼合技术；
使用方法：
1.定视口
width: xx px;
height: xx px;
2.插图
background-image: url("图片路径");
3.移动位置
background-position: x轴坐标 y轴坐标；
优点：将小图标拼合到一张图片里，占用内存少，对开发人员来说就不用麻烦给每个小图标命名，还可以有效地加快网页的加载速度，可以有效增强用户体验；
缺点：需要利用相关图片查看软件找到每个小图标的准确坐标，相对来说比较繁琐；
原文：https://www.cnblogs.com/hg845740143/p/12080308.html