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