CSS-精灵图的使用

共计 205 个字符，预计需要花费 1 分钟才能阅读完成。

1. 精灵技术主要针对于背景图片的使用，就是把多个小背景图片整合到一张大图中
2. 这个大图也称sprites精灵图或者雪碧图
3. 移动背景图片位置，此时可以使用 background-position
4. 移动的距离就是这个目标图片的x和y轴，注意网页中的坐标有所不同
5. 因为一般情况下都是往上往左移动的，所以数值是负值（千万注意网页中的坐标：x 轴右边走是正值，左边走是负值，y 轴同理）
6. 使用精灵图的时候要精确测量，每个小背景图片的大小和位置