哔哩哔哩面试题 · CSS
哔哩哔哩相关面试题，按最终去重题目聚合。
共 2456 道真题 · 当前筛选命中 36 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 1 题获取到 HTML 之后如何看到页面呢？ 考察浏览器解析HTML、CSS和JavaScript渲染页面的核心流程第 2 题box盒模型了解过吗？ 考察CSS盒模型的基本概念、组成及box-sizing属性的理解第 3 题Sass和CSS有什么区别? 考察对预处理器特性、工作流程和相对于原生CSS优势的理解第 4 题实现弹性布局有几种方式？ 考察对弹性布局多种实现方法的理解和应用能力第 5 题请解释什么是高度塌陷（margin collapsing），并说明其发生条件和如何避免。 考察对CSS盒模型及外边距合并机制的理解第 6 题CSS 中实现垂直居中都有哪些方法？ 考察 CSS 基础布局能力、方案记忆完整性和适用场景权衡第 7 题display: none 和 visibility: hidden 的区别 考察CSS布局与渲染机制的理解第 8 题伪类与伪元素的区别是什么？ 考察CSS选择器中伪类与伪元素的定义、语法差异及典型应用第 9 题什么是伪元素？请举一个例子说明其用法。 考察对伪元素概念及实际应用的理解第 10 题CSS里用于计算的函数是什么？ 考察对CSS原生计算函数及其典型应用的掌握第 11 题怎么实现向右移动10px？请结合性能，谈谈浏览器的重绘和重排。 考察CSS实现方式的选择及其对浏览器渲染性能的影响第 12 题请解释什么是 BFC（块级格式化上下文），以及它的主要功能有哪些？ 考察对 CSS 布局基础概念 BFC 的理解及其实际应用第 13 题使用尽可能多的CSS方法实现左中右三栏布局 考察CSS布局知识广度与实现细节第 14 题主题切换是如何实现的？ 考察前端主题切换的技术方案与实现细节第 15 题Vite 对 CSS 文件进行了哪些处理？ 考察对 Vite 构建工具中 CSS 处理机制的理解第 16 题请列举并说明实现CSS水平垂直居中的常见方案，并比较各自的适用场景。 考察CSS布局基础、相对和绝对定位、flex与grid等弹性布局的掌握与方案取舍第 17 题哪些操作会触发回流和重绘？ 考察对浏览器渲染机制和性能优化关键点的理解第 18 题描述一下什么是 BFC，如何创建一个 BFC 考察对 CSS 块级格式化上下文概念的理解及创建方法的掌握第 19 题请说明CSS选择器的优先级规则，并举例说明如何计算。 考察CSS选择器优先级机制的理解与计算能力第 20 题有哪些脱离文档流的方法？ 考察CSS定位与布局理解，以及对文档流和脱离文档流概念的掌握