前端/移动开发面试题 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1484 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 501 题如何实现元素的垂直和水平居中？请列举多种方法。 考察前端布局基础、CSS 方案对比与浏览器兼容性意识第 502 题给一个div设置了z-index为什么没生效？请列举可能的原因并说明排查思路。 考察CSS层叠上下文、定位属性和z-index生效条件的理解第 503 题请列举实现文本垂直居中的常见方法，并说明各自的适用场景。 考察前端布局基础与多方案权衡能力第 504 题做一个从左到右的动画，说说JavaScript、CSS、Canvas哪种好？ 考察动画技术选型与性能权衡第 505 题BFC是什么？哪些条件会形成BFC？ 考察对CSS块格式化上下文的概念理解与常见触发条件的掌握第 506 题Flex布局有了解吗，是什么？ 考察对CSS Flex布局核心概念与基本特性的理解第 507 题如何实现一个跟随手指滑动的组件，比如轮播图？ 考察前端手势交互、动画与状态管理的基本实现能力第 508 题为什么用 transform 来做 CSS 动画优化？原理是什么？ 考察对浏览器渲染 pipeline 与合成器优化的理解第 509 题CSS 中如果两个类名相同的定义出现冲突，应如何处理和避免？ 考察 CSS 样式冲突的原因、层叠规则及避免策略第 510 题CSS中的单位有哪些？请解释rem的原理。 考察CSS单位体系的理解和rem相对单位的原理及应用第 511 题如何实现两边固定、中间自适应的经典三栏布局？ 考察经典CSS布局的掌握程度与实现方案对比第 512 题如何避免浏览器重绘和重排？ 考察对浏览器渲染机制及性能优化的理解第 513 题请介绍CSS预处理器和CSS模块化的区别及各自适用场景。 考察对CSS工程化工具的理解与选型判断第 514 题CSS 做动画有哪些方案？ 考察对 CSS 动画技术方案的了解和适用场景的选择能力第 515 题请说明什么是BFC，BFC有哪些特性，以及如何触发BFC。 考察对格式化上下文的理解及其在布局和清除浮动中的作用第 516 题CSS 中 position: relative 的定位是相对于哪个元素或参考系生效的？设置 left 等属性时它如何影响布局？ 考察对相对定位概念、定位参考系及其对布局影响的理解第 517 题如何实现单行文本和多行文本溢出隐藏 考察CSS文本溢出处理的基础知识与多行兼容边界第 518 题如何用 CSS 实现元素的垂直水平居中？ 考察 CSS 布局基础与多种居中方案的适用场景第 519 题如何使用 CSS animation 属性实现静态 loading 图片（如 loading.gif 的状态）的动态切换效果？ 考察 CSS 动画属性及图片切换的实践能力第 520 题请介绍一下你对 CSS Modules 的理解及其适用场景。 考察对 CSS 模块化方案原理、用法和适用性的理解