雪碧图的使用

如何使用雪碧图，给页面加上图标？只需要三步
1，设置标签的宽度和高度width:18px;height:18px;这里的18px只是示例值，是图标的真实大小，需要具体测量。提示：如果是行内标签，需要设置display为inline-block。
2，设置图片路径background-image : url(../img/sprite.png);background-repeat : no-repeat;提示：需要设置图片不平铺，避免不必要的错误。
3，设置图片显示起始位置background-position : -400px -500px;这里的400px只是示例值，是图标的左上角与图片左上角之间的水平距离，500px也是示例值，是图标的左上角与图片左上角之间的垂直距离，需要具体测量。不要忘记在数值前加上-。至于为啥加上-是平面几何中平移向量的概念，有兴趣的童鞋可以进一步的了解一下。
4，以上第二步和第三步可以使用一条声明完成，如下：background : url(../img/sprite.png) -400px -500px no-repeat;
,