页面中图标的使用-要饭的

之前说要整理这块内容，分享给大家，工作原因，直到现在，赶上清明宅在家里，赶紧整理出来与大家分享。

精灵图（CSS sprite）
所谓精灵图，其实就是把几张图拼成一张图。从而在低并发的浏览器上达到快速传输并呈现内容的目的（减少请求）。

在用到这些图片的时候，需要引用整张图片然后设定坐标到需要的那张小图上。 还有就是：图片根据颜色分组，分成多个文件。每张图只有一种颜色，这样让每张图片变得更小。 当然，这根据当前项目来选择适于你的方案。主要根据下面两个属性来处理精灵图：

 1   background-image: url("...  /*  .png");
  2   background-position: 0px 0px;
  3  
 4   /* 注意：position的负值情况。   */  

查看更多关于页面中图标的使用-要饭的的详细内容...