~76雪碧图

一、图片闪烁的问题

可以将多个小图片存到一个大图片中，然后通过调整 background-position 来显示图片，这样图片会同时加载到网页中，可以有效的解决图片的闪烁问题

这项技术在网页中的应用十分广泛，被称为CSS-Sprite，这种图被称为雪碧图

二、使用步骤

1、确定要用的图标

2、调整图标的大小

3、将测量结果创建一个元素

4、将雪碧图设置为元素的背景图片

5、设置一个偏移量来显示正确的图片

特点：一次性将多个图片加载进页面，降低请求的次数，加快访问速度，提升用户体验