美团面试题 · 技术原理 · CSS
美团相关面试题，按最终去重题目聚合。
共 3614 道真题 · 当前筛选命中 27 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 1 题请解释 CSS 的盒模型（Box Model），并说明 content、padding、border、margin 之间的关系。 考察对 CSS 盒模型基本概念及其组成部分的理解第 2 题请解释什么是BFC（块级格式化上下文），并说明它的触发条件及应用场景。 考察对CSS布局核心概念的理解及实际应用能力第 3 题简述CSS选择器的优先级规则 考察CSS层叠机制中优先级计算与权重理解第 4 题水平垂直居中的方法有哪些？ 考察CSS布局中水平垂直居中的多种实现方式及其适用场景第 5 题请描述浏览器从收到HTML响应到完成首屏渲染的完整过程。 考察浏览器渲染机制、关键优化点及性能瓶颈理解第 6 题当两个连续的style标签内包含相同选择器但样式不同时，浏览器渲染会采用哪个样式？请说明原因。 考察CSS层叠规则中源顺序对样式优先级的影响第 7 题flex:1是什么？ 考察对CSS Flexbox中flex属性及其简写含义的理解第 8 题请谈谈你对 CSS/CSS3 的掌握程度，以及你通常的学习方式？ 考察前端基础技能深度、学习习惯与知识更新能力第 9 题浏览器的回流和重绘是什么？如何减少它们的发生？ 考察对浏览器渲染机制的理解及性能优化意识第 10 题请解释 CSS 盒模型，并说明标准盒模型与 IE 盒模型的区别。 考察对 CSS 盒模型基本概念和两种模型差异的理解第 11 题请列举并比较几种实现元素垂直居中的方法。 考察对CSS布局原理和兼容性方案的理解第 12 题如何实现元素的垂直和水平居中？请列举多种方法。 考察前端布局基础、CSS 方案对比与浏览器兼容性意识第 13 题前端开发中的三件套具体指什么？ 考察对前端基础技术栈的认知第 14 题前端显示图片的方式有哪些？图片可视化的相关标签都有什么？ 考察前端图片展示方式及语义化标签的掌握第 15 题请详细解释浏览器的回流(Reflow)和重绘(Repaint),并说明如何通过CSS属性如transform 和 opacity来避免回流。 考察浏览器渲染机制的理解及性能优化实践第 16 题浏览器渲染首页的流程是怎样的？ 考察对浏览器渲染机制的理解，包括HTML、CSS、JavaScript的处理顺序第 17 题谈谈你对 CSS 属性中的 will-change 的理解，它为什么被认为是“黑魔法”，以及使用它可能带来的性能陷阱？ 考察对 CSS 性能优化中 will-change 属性的理解、使用边界与潜在风险第 18 题CSS是什么时候加载的？是等DOM树构建完才开始吗 考察CSS加载与DOM构建的并发机制第 19 题请说明哪些操作会触发浏览器回流（reflow）和重绘（repaint），并说明如何减少它们对性能的影响。 考察对浏览器渲染机制及性能优化方法的理解第 20 题在实际开发中，常用的 CSS 布局方法有哪些？ 考察前端基础布局知识的掌握程度与实际应用偏好