前端/移动开发面试题 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1484 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 21 题请描述浏览器从加载HTML到渲染出页面的完整过程，包括关键阶段和可能的优化点。 考察对浏览器渲染机制的理解及性能优化意识第 22 题如何用CSS实现元素的水平垂直居中？请给出多种方案并说明适用场景。 考察CSS布局基础与方案权衡能力第 23 题请解释 CSS 样式的优先级规则，并说明在开发中如何正确使用。 考察 CSS 选择器优先级的理解与应用第 24 题请介绍前端常用的布局方式，并说明你对其理解较深的布局方案。 考察前端布局知识的广度与深度第 25 题rgba和opacity的区别是什么？ 考察对CSS透明度的两种实现方式及其叠加影响的理解第 26 题CSS 中有哪些常用的选择器？分别说明它们的用途和优先级。 考察 CSS 选择器的掌握程度与优先级理解第 27 题rem 是相对于哪个节点进行计算的？ 考察 CSS 相对单位 rem 的参考基准理解第 28 题请用 CSS 实现一个九宫格布局，并说明每种方案的适用场景。 考察 CSS 布局技术选型与网格系统理解第 29 题局部修改组件库样式不生效怎么办 考察样式优先级与作用域隔离问题的排查能力第 30 题元素垂直水平居中有哪些方式？ 考察前端布局基础与常见居中方案的掌握程度第 31 题CSS Flex的主轴和交叉轴,怎么用Flex实现滴滴订单列表“信息左对齐、金额右对齐”,写关键CSS。 考察Flex主轴交叉轴的基本概念与对齐属性的实际应用第 32 题在团队开发中，如果样式发生冲突，你会如何解决？请结合具体方法和实践经验。 考察样式冲突排查、模块化与团队协作能力第 33 题如何通过 box-sizing 属性切换盒模型？border-box 的作用是什么？ 考察 box-sizing 属性及 border-box 的布局优势第 34 题flex:1和flex:auto的区别是什么？ 考察对flex简写属性及其分量含义的理解第 35 题CSS动画实现方式有哪些？ 考察CSS动画基础知识的掌握程度，区分不同实现方式的适用场景第 36 题px如何转rem？ 考察对rem单位原理与换算方法的理解第 37 题写出实现0.5px边框线的几种写法 考察对细边框实现方案的掌握程度及原理理解第 38 题rem的根字号如何设置？ 考察响应式布局中rem基准字号设置的原理与实践第 39 题实现一个三栏布局，中间自适应，两边固定宽度，有几种方法？ 考察CSS布局方案的掌握与实现细节第 40 题如何触发BFC？ 考察CSS块格式化上下文（BFC）的触发条件