css sprite

CSS Sprite 是一种优化网页性能的技术，它通过将多个小图标或者图片合并成一张大图，并使用 CSS 的背景定位来显示所需的部分。这样可以减少 HTTP 请求次数，提高页面加载速度。

使用 CSS Sprite 的步骤如下：
1. 将多个小图标或者图片合并成一张大图，通常是一个水平或者垂直排列的图片。
2. 在 CSS 中设置背景图为合并后的大图。
3. 通过调整 background-position 属性来显示所需的部分。

这种技术适用于那些需要频繁使用小图标或者图片的情况，比如网页导航菜单、按钮等。通过减少 HTTP 请求次数，可以提升网页性能，减少页面加载时间。