专业服务行业面试题 · 技术原理 · CSS
专业服务行业相关面试题，按题目行业基础数据聚合。
共 27579 道真题 · 当前筛选命中 207 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 1 题CSS盒子模型是什么？ 考察CSS盒模型基础概念与理解第 2 题一个容器里四个小方块，贴着四个角，你怎么用Flex布局？ 考察Flex布局核心属性及空间分配的理解第 3 题说说回流和重绘，以及触发条件 考察浏览器渲染机制的理解，以及性能优化意识第 4 题CSS 如何精确选择到列表的第三个 item 考察 CSS 选择器语法与伪类选择器的使用第 5 题请说明如何使用 CSS 绘制一个三角形，并解释其原理。 考察 CSS 盒模型、边框属性和伪元素/图形绘制技巧第 6 题请介绍CSS Flexbox布局的基本概念，并说明其常用的属性有哪些？ 考察对Flex布局核心原理和常用属性的理解与掌握第 7 题请实现一个自适应两栏布局，要求左侧固定宽度、右侧自适应剩余空间，并说明其实现原理与适用场景。 考察CSS布局能力、盒模型理解及方案权衡第 8 题在介绍 CSS 两栏布局时，通常还有哪些值得补充的进阶要点？ 考察布局知识的深度和边界意识第 9 题在 flex 布局中，flex-shrink 为 1 是缩小，还是为 0 是缩小？请解释。 考察 flex-shrink 的取值含义与收缩行为第 10 题CSS怎么实现动画 考察CSS动画的基础实现方式与适用场景第 11 题请说明CSS Flexbox布局的主要特性，并举例说明其常用属性及适用场景。 考察对CSS Flexbox布局核心概念、常用属性及实际应用的理解第 12 题CSS 有哪些选择器？ 考察 CSS 选择器的基本分类与使用场景第 13 题请介绍 CSS 中实现水平垂直居中的常用方法与适用场景。 考察 CSS 布局基础与不同居中方案的适用边界第 14 题请解释CSS中重排（reflow）和重绘（repaint）的区别，以及如何减少它们对性能的影响。 考察对浏览器渲染机制的理解及性能优化能力第 15 题请用 CSS 实现一个九宫格布局，并说明每种方案的适用场景。 考察 CSS 布局技术选型与网格系统理解第 16 题请解释CSS选择器的权重是如何计算的，并举例说明。 考察CSS层叠机制中选择器优先级的核心规则与计算能力第 17 题请解释 flex:1 的含义，并说明它等价于哪几个属性？ 考察 Flex 布局中 flex 简写属性及其复合属性理解第 18 题请解释 CSS 的盒子模型，并说明弹性布局（Flexbox）的核心概念。 考察 CSS 基础与布局能力第 19 题请说明CSS选择器的种类以及它们的优先级规则。 考察CSS基础选择器及优先级计算与覆盖规则第 20 题请说明什么是 BFC（块级格式化上下文），以及它在解决边界塌陷问题中的作用？ 考察对 CSS 布局中 BFC 概念的理解及其实际应用