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