前端/移动开发面试题 · 技术原理 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1430 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 81 题请说明 Flex 布局的基本概念和常用属性，并给出一个典型的三栏布局实现。 考察对 Flex 布局核心属性及典型布局实现的理解第 82 题请描述从输入一个URL到浏览器界面显示完整过程。 考察网络协议栈、浏览器渲染流程与系统级整合理解第 83 题SCSS 和 CSS 有什么区别？ 考察对预处理器与原生 CSS 差异的理解第 84 题请说明弹性盒（Flexbox）布局的基本原理，并介绍圣杯布局与双飞翼布局的实现思路。 考察对CSS布局模型的理解、传统布局方案对比及实现细节第 85 题flex:1表示什么? 考察CSS flex布局中flex简写属性的含义和作用第 86 题在 Flex 布局中，如何设置子项之间的行间距和列间距？ 考察 Flex 容器 gap 属性在行与列方向的间距设置第 87 题你是如何决定将项目中原先合并在一起的 CSS 和 JavaScript 进行分离的？ 考察对前端资源组织方式的理解及项目实践中的决策依据第 88 题请列举并说明 CSS 中常用的定位属性及其适用场景。 考察对 CSS 定位机制的理解与应用能力第 89 题请描述浏览器从接收HTML到完成DOM树的构建过程，以及DOM树与渲染树的关系。 考察对浏览器渲染原理中DOM构建与渲染树生成流程的理解第 90 题inline、block、inline-block的区别是什么？ 考察CSS盒模型与元素布局的掌握程度第 91 题请介绍CSS的基础核心内容，包括选择器、盒模型、定位和布局等。 考察CSS基础知识的系统性与准确性第 92 题CSS中如何通过定位实现水平垂直居中？ 考察CSS定位布局的基础知识与实现细节第 93 题你知道CSS的一些预处理器吗，Less和SCSS能说说吗？ 考察对CSS预处理器的了解、核心特性对比及实际应用能力第 94 题请说明 rem 布局的核心原理、使用场景及其与传统 px 布局的差异。 考察对 rem 单位换算、根元素字体设置及响应式布局方案的理解第 95 题CSS 中 transform 属性的百分比值（如 translate(50%)）是相对于哪个元素尺寸计算的？ 考察对 CSS transform 百分比基准的理解第 96 题怎么实现自适应布局？ 考察对前端响应式与自适应布局原理和实现方式的理解第 97 题请解释CSS中实现元素居中对齐的常见方法及适用场景。 考察CSS布局基础与不同居中方式的应用判断第 98 题CSS手写0.5px的线的实现方案 考察CSS像素精度、设备像素比与常见实现手段第 99 题隐藏元素的方法有哪些？ 考察CSS隐藏元素的实现方式及各自特性第 100 题请描述从输入URL到页面完整显示的过程中，浏览器主要做了哪些事情？其中渲染过程大致是怎样的？ 考察对网络请求链路与浏览器渲染机制的整体理解