哔哩哔哩面试题 · CSS

哔哩哔哩相关面试题,按最终去重题目聚合。

2456 道真题 · 当前筛选命中 36 · 更新 2026-08-05

筛选题目已选:CSS
第 21 题请介绍一次你实现或优化 CSS 动画的经历,包括具体场景和实现方式。 考察前端动画实践经验与实现细节性能优化项目复盘技术原理CSS第 22 题请解释什么是外边距塌陷(margin collapse),并说明如何避免它? 考察对 CSS 盒模型和布局细节的理解技术原理CSS第 23 题请介绍CSS中的常见单位,以及它们各自的使用场景。 考察CSS单位的基础知识、响应式设计理解及实际选择能力技术原理方案权衡CSS第 24 题请用 CSS 实现一个元素向右移动 10px 的过渡效果,并说明原理。 考察 CSS 过渡属性与位移属性的基本用法及动画原理编码实现技术原理CSS第 25 题什么是伪类选择器?请举一个例子说明其用法。 考察对伪类选择器概念及实际应用的理解编码实现技术原理CSS第 26 题请解释什么是 BFC,以及 BFC 的触发条件和常见应用场景。 考察对 CSS 格式化上下文和布局机制的深入理解技术原理问题排查CSS第 27 题请列举并解释几种 CSS 实现水平垂直居中的方法。 考察对 CSS 布局技巧的掌握和对比能力技术原理方案权衡CSS第 28 题Flex布局中哪些属性作用在父元素,哪些作用在子元素?各自的作用是什么? 考察Flexbox基础属性的掌握与作用域划分编码实现技术原理CSS第 29 题background的cover和contain有什么区别? 考察CSS背景尺寸属性的理解与应用技术原理CSS第 30 题请介绍一下 CSS 选择器,并说明它们的优先级是如何计算的? 考察 CSS 选择器基础及优先级规则的理解技术原理技术选型CSS第 31 题请解释什么是弹性布局(Flex)及其核心概念。 考察对CSS弹性布局的理解和表达能力技术原理CSS第 32 题rem 是什么? 考察对 CSS 相对长度单位 rem 的理解与应用技术原理CSS第 33 题如何画一条10px的线(使用缩放0.83),以及0.5px的线(使用translate和scale(0.8))? 考察CSS变换(scale和translate)对渲染线宽的影响,以及如何实现亚像素线条问题拆解技术原理CSS第 34 题CSS 打包的一般流程是怎样的? 考察前端构建工具中 CSS 的提取、压缩与合并处理能力问题拆解技术原理CSSWebpack第 35 题请列举并说明实现元素垂直居中的几种常见方法。 考察CSS布局基础与方案权衡能力技术原理方案权衡CSS第 36 题对于行级元素,margin-top 和 margin-left 属性分别是否生效?请说明原因。 考察行级盒模型与垂直/水平外边距表现差异技术原理CSS