精灵图

精灵图

页面上会用到很多小图标，把这些小图标放在一张大图片上显示，需要用到的时候通过背景的位置来展示每一个小图标，目的在于优化性能

字体图标

1. 先下载自己喜欢的字体

2. 自定义规则css里写

   @font-face {font-family: name(自己取的名字)}
   

3. 使用

   div { font-family: name(自己取的名字)}
   

   注意：在html和css里面的unicode编码不同