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