京东面试题 · CSS
京东相关面试题，按最终去重题目聚合。
共 2550 道真题 · 当前筛选命中 19 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 1 题inline、block、inline-block的区别是什么？ 考察CSS盒模型与元素布局的掌握程度第 2 题请列举并说明 CSS 中常用的布局属性，并简述它们的适用场景。 考察对 CSS 常用布局属性的掌握及其适用场景的区分第 3 题请介绍 flex 属性是什么，它包含哪些子属性，它们各自有什么作用？ 考察对 CSS flex 布局核心属性的理解与应用第 4 题属性居中的方法 考察CSS水平与垂直居中的实现方式及适用场景第 5 题请解释 CSS 中 inline、block 和 inline-block 三种显示类型的主要区别及常见应用场景。 考察对 CSS 盒模型与布局基础的理解第 6 题px转rem的原理是什么？如何实现设计稿1比1还原？ 考察rem适配原理与实际换算能力第 7 题CSS 中 position: relative 的定位是相对于哪个元素或参考系生效的？设置 left 等属性时它如何影响布局？ 考察对相对定位概念、定位参考系及其对布局影响的理解第 8 题介绍display属性 考察CSS布局基础知识与display各取值的行为差异第 9 题如何实现浏览器层面的深色/浅色主题切换？ 考察前端主题切换的技术方案、持久化与系统偏好适配第 10 题relative相对于谁定位、设置left这类属性是否有用 考察CSS定位relative的包含块概念及偏移属性作用第 11 题请解释 CSS 盒模型的基本组成，并说明如何在不同场景下正确设置盒模型。 考察对 CSS 盒模型构成及 box-sizing 应用的理解第 12 题请列举并说明几种常用的 CSS 元素居中方法，以及它们各自的适用场景。 考察 CSS 布局基础与不同居中方案的理解第 13 题animation和transition的区别是什么？ 考察CSS动画两种实现机制的理解与适用场景辨析第 14 题请解释 CSS 中 rem、em、px、vw、vh 这些单位的区别，并说明各自适用的场景。 考察对 CSS 相对单位与绝对单位的理解及实际应用能力第 15 题请描述从输入一个URL到浏览器显示页面的完整过程，并说明其中的关键技术。 考察对网络请求、解析与渲染流程的理解及关键技术的掌握第 16 题CSS 中 position 属性的 absolute、fixed、sticky 有什么区别？ 考察 CSS 定位机制的理解与使用场景辨识第 17 题聊聊盒子是怎么渲染的，是从哪开始渲染的，顺序？ 考察CSS盒模型渲染机制与浏览器渲染顺序的理解第 18 题怎么实现内容布局的缩放随窗口变化？ 考察响应式布局实现与自适应策略第 19 题请介绍几种实现CSS水平垂直居中的方法。 考察CSS布局基础和多种布局方案的理解