前端笔记CSS（五）

精灵图 精灵技术的目的：为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度。 使用精灵图核心： 1、精灵技术主要针对于背景图片使用，就是把多个小背景图片整合到一张大图片中； 2、这个大图片也称为sprites 精灵图 或者 雪碧图； 3、移动背景图位置，此时可以使用 background-position； 4、移动的距离就是这个目标图片的 x 和 y 坐标。注意网页中的坐标有所不同；

>>阅读原文<<