雪碧图的使用方法
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了雪碧图的使用方法相关的知识，希望对你有一定的参考价值。
CSS Sprites技术被国人称为CSS雪碧图，它是将一张网页中的一些图片拼凑在一张图片中，这样可以减少服务器的压力，因为它也减少了用户的请求次数。
雪碧图常用于一些小的零碎的图片，或者一组有序的图片。
比如这一张图片就是一张雪碧图
使用雪碧图主要的两个代码为：
- background-image
- backgorund-position
首先使用background-image：url(图片地址);将整张背景图放入需要的地方，设置div的宽高，然后再使用backgorund-position：x y;
背景图定位，使div内显示出我们需要的那一部分。
这就是雪碧图的使用方法。
以上是关于雪碧图的使用方法的主要内容，如果未能解决你的问题，请参考以下文章