icon 小记
2018-09-20 本文已影响0人
Cissy_fba3
生成icon的方法有：
- img 法
- background 法
- background合一 法
- font 法
- SVG 法
- 新手慎用：「CSS 就是干」法
img法：<img src="./xxx.png"> (用ps先切图)
background 法：div设置background：背景颜色 url(./xxx.png) no-repeat;
background合一 法：css sprites generator （雪碧图 ，古老的方法，已淘汰）
font 法：http://iconfont.cn 原理是html实体，eg： 表示空格
- unicode （html）
- font-class (css)
SVG 法:http://iconfont.cn 原理是svg - symbol
「CSS 就是干」法：直接用css画
注意：font法和svg法可以按照iconfont.cn里面的使用说明来使用
