淘天集团面试题 · 技术原理 · CSS
淘天集团相关面试题，按最终去重题目聚合。
共 2775 道真题 · 当前筛选命中 19 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 1 题space-between和space-around在布局上有什么区别？ 考察对Flexbox主轴对齐方式的理解与应用差异第 2 题请解释 px、em、rem、vw 和 vh 单位在 CSS 中的区别及适用场景。 考察 CSS 长度单位的原理理解与响应式适配能力第 3 题请解释CSS盒子模型的构成，以及标准盒子模型和IE盒子模型的区别。 考察CSS基础概念的理解与对比第 4 题CSS中的BFC是什么，如何触发BFC，它能解决哪些实际问题？ 考察对CSS块级格式化上下文(Block Formatting Context)的理解、触发方式及实际应用能力第 5 题请描述如何实现前端应用的主题变更功能。 考察对前端主题切换实现方式的理解与方案设计第 6 题请说明CSS中的文档流是什么，以及脱离文档流的常见方式及其影响。 考察对布局机制基础的理解第 7 题CSS 定位有哪几种方式？请分别说明各自的特征和典型使用场景。 考察 CSS 定位机制的掌握程度及实际应用理解第 8 题flex:1 是哪几个属性的合并？ 考察对 CSS Flexbox 弹性盒子模型核心简写属性的理解第 9 题CSS如何居中，请至少给出三种方法？ 考察CSS布局基础和多种水平垂直居中方案的理解第 10 题Flexbox 布局的底层实现原理是什么？ 考察对浏览器布局引擎中 Flexbox 实现机制的理解第 11 题不使用组件库的情况下，如何在前端项目中实现明暗模式切换？ 考察前端主题状态管理、CSS 变量和持久化方案的设计能力第 12 题请说明CSS选择器的优先级规则，并举例说明如何计算。 考察CSS选择器优先级机制的理解与计算能力第 13 题讲讲CSS盒模型 考察CSS盒模型的基本组成、box-sizing对布局的影响以及IE与标准模式差异第 14 题为什么需要实现 Flexbox 这种布局方式？ 考察对 Flexbox 设计动机和适用场景的理解第 15 题transition、transform、translate的区别是什么？ 考察CSS动画与变换相关属性概念的理解与区分第 16 题请阐述Flex布局的核心概念，以及常见的弹性伸缩布局场景。 考察Flex布局的掌握程度与实际应用第 17 题请描述如何实现左右两栏布局，要求左侧宽度固定、右侧自动填充剩余空间。 考察CSS布局技术选型与实现细节第 18 题请介绍几种实现CSS水平垂直居中的方法。 考察CSS布局基础和多种布局方案的理解第 19 题组件适配暗黑模式怎么做？ 考察对主题切换机制、样式隔离与可维护性的理解