前端/移动开发面试题 · 技术原理 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1430 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 1 题请解释CSS盒模型中的box-sizing属性及其作用。 考察CSS盒模型基础与box-sizing属性对布局的影响第 2 题CSS哪些属性可以继承？ 考察对CSS属性继承机制的掌握程度第 3 题请介绍CSS Flexbox布局的基本概念，并说明其常用的属性有哪些？ 考察对Flex布局核心原理和常用属性的理解与掌握第 4 题子元素里面绝对定位，设置宽高，能否撑起父元素？ 考察绝对定位元素对父容器尺寸的影响及CSS包含块原理第 5 题请介绍 CSS 实现元素居中的常见方式。 考察 CSS 布局基础、不同场景下的居中方案选择与原因第 6 题了解过Grid布局吗？ 考察CSS Grid布局的基本概念与应用能力第 7 题获取到 HTML 之后如何看到页面呢？ 考察浏览器解析HTML、CSS和JavaScript渲染页面的核心流程第 8 题rem和em的区别是什么？ 考察CSS长度单位rem与em的参照基准及适用场景第 9 题display:none和visibility:hidden有什么区别？ 考察CSS隐藏元素两种方式的渲染与布局差异第 10 题请解释CSS标准盒模型和IE盒模型的区别，以及如何设置特定盒模型。 考察CSS盒模型的基本概念、差异理解及应用能力第 11 题box盒模型了解过吗？ 考察CSS盒模型的基本概念、组成及box-sizing属性的理解第 12 题请手写几种常用的 CSS 居中布局方案，并说明它们的适用场景。 考察 CSS 布局基础与方案选择能力第 13 题CSS如何实现瀑布流？ 考察CSS多列布局和弹性布局的应用与布局细节第 14 题介绍一下Flex布局以及其中的属性 考察Flex布局核心概念与常用属性的掌握第 15 题CSS 有哪些常见的定位方式？请说明各自的特点和适用场景。 考察 CSS 定位方式的基础知识与应用判断第 16 题flex:1 代表什么意思？ 考察对 CSS Flexbox 中 flex 简写属性的理解第 17 题请解释 CSS 的盒模型（Box Model），并说明 content、padding、border、margin 之间的关系。 考察对 CSS 盒模型基本概念及其组成部分的理解第 18 题水平垂直居中的方式有哪些？ 考察CSS布局基础与多种居中实现方案的掌握第 19 题请描述浏览器从加载HTML到渲染出页面的完整过程，包括关键阶段和可能的优化点。 考察对浏览器渲染机制的理解及性能优化意识第 20 题如何用CSS实现元素的水平垂直居中？请给出多种方案并说明适用场景。 考察CSS布局基础与方案权衡能力