精灵图

发表于 更新于 分类于 本文字数： 160 阅读时长 ≈ 1 分钟

精灵图

所谓精灵图就是将项目中的小图片合成在一张大图片上，这张大图片被称为精灵图。
精灵图可以减少服务器发送次数，减轻服务器的压力，提高页面加载速度。

使用精灵图

1.创建一个盒子，将小图片的宽高设置给盒子
2.将精灵图设置为盒子的背景图片
3.通过测量小图片的坐标，分别取负值给盒子的background-position: x y;