切图
通过ps等软件, 将图片切成一个图片.
在页面中引入img标签.
background-image: url(path)
在一个div标签内设置其css属性, url的参数是图片的路径
css image sprites
这种图片也是我们常说的雪碧图(其实直译过来是精灵图).
将多张图拼接成一个图片, 再用background-image应用到相应位置, 然后使用background-position进行定位.
iconfont
这种方法有三种方法进行.
Unicode: 每个图标是一个html实体, 通过实体进行设置
font class: 将图标看成字体, 可以给图标设置颜色等
symbol: 使用svg作图, 是目前使用图标的主流.
可以在阿里巴巴的矢量图形库中找图标.
这是它的使用说明:
http://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code