雪碧图的使用方法

 

　　CSS Sprites技术被国人称为CSS雪碧图，它是将一张网页中的一些图片拼凑在一张图片中，这样能够减小服务器的压力，由于它也减小了用户的请求次数。

 

　　雪碧图经常使用于一些小的零碎的图片，或者一组有序的图片。

好比这一张图片就是一张雪碧图

使用雪碧图主要的两个代码为：

• background-image
• backgorund-position

首先使用background-image：url(图片地址);将整张背景图放入须要的地方，设置div的宽高，而后再使用backgorund-position：x y;

背景图定位，使div内显示出咱们须要的那一部分。

这就是雪碧图的使用方法。