图片精灵，iconfont

http://www.spritecow.com/
首先安利一个软件，做图片精灵的元素选取，非常的方便
直接给出一个位置的代码

精灵图片，是一种优化技术
将所有的小图标合成一张背景图
需要用的时候，只需要选择对应的位置即可
可以减少大量的图标请求

iconfont是阿里的矢量字体图标库
将图标做成字体，可以很方便的使用
网站上选择好图标后，加入购物车，打包下载
把解压所有文件，放入一个iconfont的静态资源目录下
然后全局引入css
然后，在项目里就可以使用class名称来使用图标了
里面有示例代码，可以参考，使用class方式引用