css精灵技术有什么用？

css精灵技术是将很多的小图片合并到一张较大的图片里，所以在首次加载页面的时候，就不用加载过多的小图片，只需要加载出来将小图片合并起来的那一张大图片即可，这样可在一定程度上提高了页面的加载速度，缓解服务器的压力，节约服务器的流量。

例如这是一张大的精灵图，我们现在用它来拼出我们想要的字母，例如ANDY

最终效果：

其实说白了就是将精灵图设为一个大背景，然后通过background-position来移动背景图，从而显示出我们想要显示出来的部分。

精灵图虽然实现了缓解服务器压力以及用户体验等问题，但还是有一个很大的不足，那就是牵一发而动全身。这些图片的背景都是我们详细测量而得出来的，如果需要改动页面，将会是很麻烦的一项工作。。。

更多编程相关知识，请访问：编程入门！！

以上就是css精灵技术有什么用？的详细内容，更多请关注 第一PHP社区 其它相关文章！