专业服务行业面试题 · CSS
专业服务行业相关面试题，按题目行业基础数据聚合。
共 27579 道真题 · 当前筛选命中 219 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 21 题请说明什么是 BFC（块级格式化上下文），以及它在解决边界塌陷问题中的作用？ 考察对 CSS 布局中 BFC 概念的理解及其实际应用第 22 题CSS 中怎么让长文本省略，多出的部分变为 ...？ 考察 CSS 文本溢出省略的实现方式及适用条件第 23 题行内元素有哪些，块级元素有哪些，行内块元素怎么实现？ 考察 HTML 元素分类、默认显示特性及 CSS display 属性的掌握第 24 题如何修改图片大小以保持与外部div容器的宽高比例一致？ 考察前端布局中图片与容器比例适配的技术实现第 25 题CSS 中 margin 的四个值（如 margin: 10px 20px 30px 40px）分别表示哪个方向？写出来的计算顺序是什么？ 考察 margin 多值写法的方向对应关系与习惯记忆第 26 题请描述浏览器从输入 URL 到页面展示的完整流程。 考察对浏览器渲染流程的整体理解第 27 题flex:1是一个聚合属性，聚合了哪些？ 考察CSS弹性布局中flex聚合属性的组成部分及其作用第 28 题元素水平垂直居中的方式及不同渲染的原理 考察CSS布局常用居中方案及其底层渲染机制第 29 题如何设计主题色的切换机制，并减少用户配置负担？ 考察主题定制能力与默认配置策略第 30 题请说明 CSS 中绝对定位（position: absolute）的工作原理，以及它与相对定位（relative）和固定定位（fixed）的主要区别？ 考察对 CSS 定位机制的理解及实际应用能力第 31 题在flex布局中，仅用justify-content可以实现水平居中。如果要改为垂直居中，需要改变哪一个属性的取值？ 考察flex容器主轴与交叉轴对齐属性的区分第 32 题CSS选择器权重； 考察CSS选择器优先级计算规则的关键知识第 33 题在 CSS 弹性布局中，flex:1 的含义是什么？ 考察对 flex 简写属性及伸缩比例的理解第 34 题图片在 CSS 中常用的属性有哪些？请举例说明其用途。 考察对图片样式控制属性的掌握程度第 35 题请解释 CSS Flexbox 布局的核心概念，并说明如何实现水平和垂直居中，以及常见的对齐方式。 考察对 Flex 布局核心属性、对齐机制和实际应用的理解第 36 题请说明 CSS 盒模型中 margin 和 padding 的区别，以及它们对元素尺寸的影响。 考察对 CSS 盒模型内外边距作用与影响范围的理解第 37 题CSS 中常见的伪元素有哪些？请举例说明它们的用途。 考察对 CSS 伪元素概念的掌握及常见应用场景第 38 题怎么用一个新的样式来覆盖ID选择器去设置的样式？ 考察CSS层叠与优先级规则的实际应用第 39 题请说明 Flex 布局的基本概念和常用属性，并给出一个典型的三栏布局实现。 考察对 Flex 布局核心属性及典型布局实现的理解第 40 题绝对定位和相对定位有什么区别？ 考察定位基准、文档流占位和偏移方式的差异