精灵图sprite的使用

1.将小图标拼接在一张图片上，制作一张精灵图sprite.png

2.用PS打开精灵图sprite.png，利用切片工具选中需要添加到网页上的图标，双击查看切片选项，记录四个尺寸属性(W,H,X,Y)

3.在css中添加图标样式

.box{
width:W px ;
height:H px;
background:url('./sprite.png') -X px   -Y px   no-repeat;
}