logo

解释 CSS sprites,以及你会如何在页面或站点中实现它。

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

题目类型: 技术面试题

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

难度: medium

分类: Performance

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

参考答案摘要

答案 CSS sprites 将多张图片合并成一张更大的图片。这是图标常用的一种技术(Gmail 使用它)。如何实现: 使用 sprite 生成器,把多张图片打包成一张,并为其生成对应的 CSS。 为每张小图定义对应的 CSS class,设置 background-image、background-position、background-size 等属性。 使用时,把对应的 class 加到元素...

答题技巧

技术面试题建议先理清思路再作答,从基础概念讲起,逐步深入。可以结合实际项目经验解释技术原理,展示你的理解深度和实践能力。

本题提供 STAR 原则详细解答和技术解析,登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。

← 返回面试题库

解释 CSS sprites,以及你会如何在页面或站点中实现它。

中等css

想查看完整答案?

登录匠人学院学习中心,获取 STAR 格式回答和详细技术解析

前往学习中心查看答案