HTML(21)——CSS精灵

本文主要是介绍HTML(21)——CSS精灵，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

CSS精灵，也叫CSS Sprites,是一种网页图片应用处理方式。把网页中一些背景图片整合到一张图片的文件中，再background-position精确定位出背景图片的位置。

优点：减少服务器被请求的次数，减轻服务器的压力，提高页面加载速度。

实现步骤：

1. 创建盒子，盒子尺寸与小图尺寸相同
2. 设置盒子背景图为精灵图
3. 添加background-position属性，改变背景图位置

这篇关于HTML(21)——CSS精灵的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---