思源智通面试题 · 技术原理 · CSS
思源智通相关面试题，按最终去重题目聚合。
共 628 道真题 · 当前筛选命中 27 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 1 题元素水平垂直居中的实现方式 考察CSS布局基础与多方案对比能力第 2 题请解释 CSS Flex 布局中 flex 属性的含义和常用取值。 考察对 flex 弹性布局核心属性的理解和表达能力第 3 题请列举几种在 CSS 中隐藏元素的方法，并说明它们之间的区别。 考察 CSS 隐藏元素方法的掌握程度及其对布局、可访问性和交互的影响第 4 题块级元素和行内元素的区别 考察CSS盒模型基础中元素显示类型及默认行为差异第 5 题请介绍两栏和三栏自适应布局的常见实现方式。 考察前端布局方案的理解与边界处理能力第 6 题在页面上展示出一个圆形的方法有哪些？ 考察 CSS 实现圆形图形的多种技术方案与适用场景第 7 题CSS 中 :hover 伪类的作用是什么？请举例说明它的常见使用场景，并说明它与其他状态伪类（如 :focus）的区别。 考察对 CSS 伪类的理解与实际应用能力第 8 题请用 CSS 实现两行正方形的排列布局，并说明你的写法。 考察 CSS 布局基础能力与实现思路第 9 题说一下弹性布局的几种属性。 考察对 CSS Flexbox 布局属性的掌握程度第 10 题rem、em、px 有什么区别？ 考察前端 CSS 长度单位的相对与绝对特性理解第 11 题display和visibility属性的区别是什么？ 考察CSS布局中display与visibility在渲染和布局上的核心差异第 12 题rem/em、rpx的区别 考察前端响应式布局中单位的使用与适用场景第 13 题使用vw时当竖屏变横屏时怎么重新响应式 考察vw单位的响应式适配及屏幕方向变化处理第 14 题请说明CSS选择器的优先级规则，并举例说明如何计算。 考察CSS选择器优先级机制的理解与计算能力第 15 题用过 vw 吗？vw 和百分比的区别是什么？ 考察对 CSS 视口单位与百分比相对参照系的理解第 16 题rem和百分比的区别有哪些？ 考察前端相对单位rem与百分比在计算基准和应用场景上的差异第 17 题请解释标准盒子模型与怪异盒模型（IE盒模型）的区别，并说明如何切换。 考察对CSS盒模型基本概念及兼容性处理的掌握第 18 题讲讲CSS盒模型 考察CSS盒模型的基本组成、box-sizing对布局的影响以及IE与标准模式差异第 19 题如何实现盒子的垂直居中对齐？请列出几种常用方法并说明各自的适用场景。 考察 CSS 布局基础和多种垂直居中方案的理解第 20 题align-items 属性可以设置哪些值？ 考察 CSS Flexbox 中 align-items 属性的取值及其作用