什么是 CSS Sprites？你会如何在页面中实现？

Explain CSS sprites, and how you would implement them on a page or site.

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: medium

分类: Performance

标签: css sprites, icons, background-position, http requests

参考答案摘要

答案 CSS Sprites 把多个小图合并成一张大图（常用于 icon，例如 Gmail）。实现步骤： 使用 sprite 生成器将多张图打包成一张，并生成对应 CSS。 每张小图对应一个 CSS 类，定义 background-image 、 background-position 、 background-size 。 给元素加上对应 class 来使用该图。 优点 减少 HTTP 请求次数...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。