前端/移动开发面试题 · 技术原理 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1430 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 641 题你了解哪些 CSS 布局方式？请重点说明 Flex 布局的原理和常见使用场景。 考察对 CSS 布局体系的理解以及 Flex 布局的掌握程度第 642 题CSS 有哪些可以实现垂直水平居中的方式？ 考察对 CSS 盒模型、Flex、Grid 及定位等布局技术的掌握第 643 题请列举几种常用的CSS居中对齐方案，并说明各自的适用场景。 考察水平垂直居中的多方案实现与选择依据第 644 题请说明实现CSS三栏布局的常见方案及其优缺点。 考察CSS布局方案的掌握程度与方案权衡能力第 645 题页面垂直水平居中的方法 考察CSS布局基础与多种居中方案的适用场景第 646 题CSS 动画中，将一个元素从 100px 放大到 200px，有哪些性能优化方法？ 考察 CSS 动画性能优化及对合成器、重排重绘原理的理解第 647 题你刚刚提到触发重排这件事情，有哪些CSS属性会引起重排？ 考察CSS布局与重排机制的掌握程度第 648 题flex:1是一个聚合属性，聚合了哪些？ 考察CSS弹性布局中flex聚合属性的组成部分及其作用第 649 题请解释CSS盒模型的组成部分，并说明标准盒模型与IE怪异盒模型的区别。 考察CSS盒模型的基本概念与两种盒模型的表现差异第 650 题如何实现一个元素在页面中水平垂直居中？请给出多种实现方式。 考察CSS布局基础与多种居中方案的掌握第 651 题如何使用 CSS 的 hover 伪类控制两个元素的样式变化？ 考察 CSS 选择器与伪类对多个元素联动控制的能力第 652 题请说明CSS选择器的优先级规则，并举例说明如何计算。 考察CSS选择器优先级机制的理解与计算能力第 653 题请说明 Flex 布局的主要属性及其常见应用场景。 考察对 Flexbox 布局核心属性的掌握与场景化应用能力第 654 题如何使用CSS实现一个自适应宽度的正方形？ 考察CSS盒模型、单位运用和响应式布局基础第 655 题什么是 CSS 外边距重叠？它通常发生在哪些情况下？如何避免？ 考察 CSS 盒模型基础与边距重叠的成因及处理第 656 题请解释什么是关键路径渲染（Critical Rendering Path），并说明如何优化。 考察对浏览器渲染机制的理解及性能优化能力第 657 题如何用CSS的sticky实现按钮在页面滚动到某个位置后固定不动？ 考察CSS sticky定位原理、使用场景及与fixed的区别第 658 题请详细解释浏览器的回流(Reflow)和重绘(Repaint),并说明如何通过CSS属性如transform 和 opacity来避免回流。 考察浏览器渲染机制的理解及性能优化实践第 659 题有哪些脱离文档流的方法？ 考察CSS定位与布局理解，以及对文档流和脱离文档流概念的掌握第 660 题为什么Flex设置宽度不起效果？ 考察对Flex布局中宽度属性失效原因的理解与排查能力