使用精灵图的时候需要精确测量,每个背景小图片的大小和位置.
  其实就是放一个盒子,然后给盒子添加一个背景图片,移动背景图片的位置,让想要的图案出现在盒子里....字体图标的优点:
轻量级:一个图标字体要比一系列的图像要小,一旦字体加载了,图标就会马上渲染出来,减少了服务器请求.
灵活性:本质其实是文字,可以随意的更改颜色,产生阴影,透明效果,旋转等....如果遇到一些结构和样式比较复杂的小图片,就用精灵图.
字体图标下载:
icomoon字库
阿里icofont字库
如何使用字体图标:
 这个比较麻烦,我一步一步讲解....我使用的是icomoon网站,进去以后点击右上紫色的icomoon App....点进来以后会有很多的图标可以选择
  selection是我们已经选择好的字体图标,generate font就是生成字体图标.我们选好以后生成字体图标.