css sprite 雪碧图

雪碧图的适用场景：静态+小图片+加载量大------>减少http请求

举例说明：

屏幕快照 2018-04-13 下午4.09.42.png
屏幕快照 2018-04-13 下午4.10.11.png 屏幕快照 2018-04-13 下午4.10.36.png

在<i>标签上设置背景，它本身是没有高度的 ！！！一定要设置 它的宽度高度！！！display：inline/block 看情况而定

分别对不同的i标签设置 backgroun-position:x y
起点为（0，0）
之后所有的横坐标和纵坐标的值都为负