雪碧图优缺点

1、css雪碧图/css精灵   sprite

减少http请求次数，使网页加载速度更快，提高网页性能

需先设置背景图片，再通过精灵图中的小图标的宽高位置，设置对应的div宽高和背景定位坐标

span{

   background：url("")；

}

span .div1{

   background-position:-10px -20px;

}

雪碧图小结：