CSS精灵是什么原理和优势？

本文共计926个文字，预计阅读时间需要4分钟。

CSS精髓是处理网页背景图像的方式。它实际上是将一个页面涉及的所有零星图像都包含到一张大图中去，然后将其应用于网页；这样一来，用户访问该页面时，只需向服务器发送一张图片请求。

css精灵是一种处理网页背景图像的方式。它其实就是把一个页面涉及到的所有零星图片都包含到一张大图中去，然后将大图应用于网页；这样一来，用户访问该页面时，只需向服务发送一次请求，网页中的背景图像即可全部展示出来。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

什么是css精灵（sprite）？

“CSS精灵”，也被称为通常被解释为“CSS图像拼合”、“CSS贴图定位”或“CSS图片精灵”、“CSS雪碧图”，是一种网页图片应用处理方式。其实就是把一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。

当用户访问该页面时，只需向服务发送一次请求，网页中的背景图像即可全部展示出来。