CSS精灵图的使用

 

使用方法

使用图像精灵将减少服务器请求的数量并节约带宽。

方法一

使用background-image属性导入图片，background-position属性选择起点坐标。

    background-image: url(list.png);
    background-position: -34px -239px;

方法二

使用background简写实现

background: url(list.png) -34px -239px;

缺点：

图片过多时不利于管理，输入位置大小工作量大，修改时容易造成冗余的。