教育/培训行业面试题 · CSS
教育/培训行业相关面试题，按题目行业基础数据聚合。
共 3709 道真题 · 当前筛选命中 93 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 1 题CSS盒子模型是什么？ 考察CSS盒模型基础概念与理解第 2 题请说明 CSS 实现三栏布局的常见方法。 考察对经典 CSS 布局方案的理解与适用场景第 3 题当元素设置 display:flex 后，会发生什么？ 考察对 CSS Flexbox 布局模型基础原理的理解第 4 题请解释 CSS flex 布局中 flex:1 的含义及其效果。 考察对 flex 布局中简写属性 flex 及其组成项的理解第 5 题请介绍 CSS 中实现水平垂直居中的常用方法与适用场景。 考察 CSS 布局基础与不同居中方案的适用边界第 6 题请介绍一下弹性盒布局（Flexbox）的基本概念、常用属性和典型使用场景。 考察对弹性盒布局的理解、关键属性的掌握及应用能力第 7 题请解释什么是BFC（块级格式化上下文），以及它如何影响布局？ 考察对CSS布局机制的理解及实际应用能力第 8 题CSS场景题：头部吸顶，左侧导航栏随浏览器滚动而滚动，页面底部有footer，请说明布局思路。 考察CSS常见布局模式（吸顶、侧栏滚动、底部结构）的实现思路与关键属性掌握第 9 题CSS 悬停按钮放大 1.5 倍应该怎么实现？ 考察 CSS transform 和过渡动画的基础应用第 10 题用CSS选择子元素的前三个元素时，正确的表达式是什么？常见的错误写法有哪些？ 考察CSS选择器:nth-child的语法掌握及常见错误识别第 11 题请列举 CSS 中实现水平垂直居中的常用方法，并说明各自的适用场景。 考察 CSS 布局基础、多种居中方案及其适用场景的掌握程度第 12 题在 Flex 布局中，如何实现其中一个子元素独占一行？ 考察 Flex 布局中换行与尺寸控制的综合运用第 13 题请介绍 Flex 布局的核心概念和常见用法。 考察对 Flex 布局基本原理与典型应用场景的理解第 14 题写出实现0.5px边框线的几种写法 考察对细边框实现方案的掌握程度及原理理解第 15 题使用vw时当竖屏变横屏时怎么重新响应式 考察vw单位的响应式适配及屏幕方向变化处理第 16 题请解释CSS媒体查询的基本原理，并举例说明如何为响应式布局编写媒体查询规则。 考察响应式设计与CSS媒体查询的掌握程度第 17 题如何实现一个元素的垂直水平居中？请至少给出三种方法，并说明各自适用的场景。 考察CSS布局知识、多种实现方式的掌握及场景权衡能力第 18 题请介绍CSS样式相关的基础知识，包括选择器、盒模型和常用的布局方式。 考察CSS基础知识的掌握程度和系统性第 19 题请介绍 CSS 中 animation 属性的用法，并说明它与 transition 的主要区别。 考察 CSS 动画基础知识的掌握与对比理解第 20 题如何避免浏览器重绘和重排？ 考察对浏览器渲染机制及性能优化的理解