互联网/IT行业面试题 · 技术原理 · CSS
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 445 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 21 题px、em、rem的区别？em、rem的适用场景是什么？ 考察CSS长度单位对相对尺寸与可扩展性的理解第 22 题CSS怎么实现动画 考察CSS动画的基础实现方式与适用场景第 23 题rem 是相对于哪个节点进行计算的？ 考察 CSS 相对单位 rem 的参考基准理解第 24 题请说明 Flex 布局的主要属性及其常见应用场景。 考察对 Flexbox 布局核心属性的掌握与场景化应用能力第 25 题如果让你做一个无限loading的动画，你有什么思路？（旋转菊花、进度条；CSS、SVG、lottie...） 考察前端动画实现的技术选型与方案权衡能力第 26 题了解 BFC 吗？讲讲。 考察对块格式化上下文的原理理解和实际应用第 27 题请解释CSS盒子模型的构成，以及标准盒子模型和IE盒子模型的区别。 考察CSS基础概念的理解与对比第 28 题请详细解释浏览器的回流(Reflow)和重绘(Repaint),并说明如何通过CSS属性如transform 和 opacity来避免回流。 考察浏览器渲染机制的理解及性能优化实践第 29 题CSS 有哪些选择器？ 考察 CSS 选择器的基本分类与使用场景第 30 题你刚刚提到触发重排这件事情，有哪些CSS属性会引起重排？ 考察CSS布局与重排机制的掌握程度第 31 题如果让你实现一个浏览器，你会怎么考虑？ 考察对浏览器整体架构、核心模块和实现难点的系统理解第 32 题请介绍 CSS 中实现水平垂直居中的常用方法与适用场景。 考察 CSS 布局基础与不同居中方案的适用边界第 33 题隐藏一个元素的几种方法？ 考察 CSS 常用隐藏技巧的理解及各自特性区分第 34 题浏览器的回流和重绘是什么？如何减少它们的发生？ 考察对浏览器渲染机制的理解及性能优化意识第 35 题请解释定位布局的嵌套关系，并说明不同定位方式如何影响父元素与子元素的布局。 考察对CSS定位布局中嵌套关系及定位上下文的理解第 36 题如何用CSS实现元素的水平垂直居中？请给出多种方案并说明适用场景。 考察CSS布局基础与方案权衡能力第 37 题rem 移动适配的具体实现原理和步骤是什么？ 考察rem适配的机制与动手实现细节第 38 题在浏览器中输入 www.baidu.com 并回车后，从输入 URL 到页面显示，期间发生了什么？ 考察网络协议栈、DNS、HTTP 与页面渲染的完整链路理解第 39 题三栏布局实现方案 考察前端经典布局方案的掌握与实现细节第 40 题请实现一个两栏布局，并说明如何使用 Flexbox 具体实现。 考察 CSS 布局基础与 Flexbox 核心属性的实际运用