在写前端时,听到雪碧图这个概念。因此在网上查了查资料,了解了一番。 什么是雪碧图? CSS雪碧 即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。 作用是什么? 雪碧图的应用可以减少网站的HTTP请求数量,提升网站加载性能,对内存和带宽更加友好,提高用户体验度。 应用过程? 1、用ps或compass等工具把小图标和背景图拼起来。 2、在CSS中利用定位来显示需要显示的图片部分。 先简单了解一下。接下来试着做个例子看看效果,体会体会原理。