什么是 CSS sprites？你会如何在页面上实现？

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

题目类型: 技术面试题

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

难度: medium

分类: css

标签: sprites, performance

参考答案摘要

答案 CSS sprites 是把多张小图合成一张大图（spritesheet），用 background-position/size 截取不同区域来显示图标。 实现步骤：①用工具生成 spritesheet + 对应 CSS；②为每个图标定义 class（background-image/position/size）；③元素上加对应 class。 优点：减少 HTTP 请求、避免 hover 图...

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