css精灵图

1、为什么要用精灵图？

(1)      在网页中引入图片，src的属性值是一个网址，会请求数据，需要时间

2、如何去减轻服务器压力，减少加载图片的时间

①    图片的懒加载

②    精灵图

3、CSS精灵图定义：

①    CSS sprites

②    多个小图标放在一张图片上，然后通过背景方位去展示不同的小图标

4、使用

①    background-image: url(images/img_navsprites.gif);

②     background-position: -46px 0;

5、优点

①    有效地减少服务器接受和发送请求的次数

②    提高页面的加载速度