前端/移动开发面试题 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1484 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 681 题请说明CSS选择器的优先级规则，并举例说明如何计算。 考察CSS选择器优先级机制的理解与计算能力第 682 题请说明 Flex 布局的主要属性及其常见应用场景。 考察对 Flexbox 布局核心属性的掌握与场景化应用能力第 683 题如何使用CSS实现一个自适应宽度的正方形？ 考察CSS盒模型、单位运用和响应式布局基础第 684 题什么是 CSS 外边距重叠？它通常发生在哪些情况下？如何避免？ 考察 CSS 盒模型基础与边距重叠的成因及处理第 685 题请解释什么是关键路径渲染（Critical Rendering Path），并说明如何优化。 考察对浏览器渲染机制的理解及性能优化能力第 686 题如何用CSS的sticky实现按钮在页面滚动到某个位置后固定不动？ 考察CSS sticky定位原理、使用场景及与fixed的区别第 687 题请手写实现一个经典的三列布局，左右两列宽度固定，中间列自适应，并说明你采用的方案及其优缺点。 考察CSS布局实现能力与方案权衡意识第 688 题请详细解释浏览器的回流(Reflow)和重绘(Repaint),并说明如何通过CSS属性如transform 和 opacity来避免回流。 考察浏览器渲染机制的理解及性能优化实践第 689 题有哪些脱离文档流的方法？ 考察CSS定位与布局理解，以及对文档流和脱离文档流概念的掌握第 690 题为什么Flex设置宽度不起效果？ 考察对Flex布局中宽度属性失效原因的理解与排查能力第 691 题请列举并比较实现 CSS 垂直居中的几种常见方式。 考察 CSS 布局基础、居中实现方式及适用场景第 692 题CSS选择器有哪些？它们的优先级权重是如何计算的？ 考察CSS选择器类型及其优先级权重计算规则第 693 题页面响应式如何实现？ 考察响应式布局的实现原理、主流手段与适用场景第 694 题重绘和回流的区别是什么，如何减少回流？ 考察浏览器渲染机制的理解与性能优化能力第 695 题请解释 CSS Flexbox 中如何改变主轴方向与实现换行，以及 flex: 1 的含义与效果。 考察对 Flexbox 基础属性（flex-direction、flex-wrap、flex）的理解与综合应用第 696 题浏览器渲染首页的流程是怎样的？ 考察对浏览器渲染机制的理解，包括HTML、CSS、JavaScript的处理顺序第 697 题渐变色的属性是什么？ 考察CSS渐变色相关属性的掌握程度第 698 题什么是 BFC？如何触发？ 考察CSS布局基础及BFC的创建条件第 699 题请详细说明 Flex 布局的原理和常用属性，并举例说明如何实现水平垂直居中。 考察对 Flex 布局核心概念、常用属性及典型应用场景的理解第 700 题CSS 选择器的优先级是怎么计算的？!important 呢？ 考察CSS层叠与优先级计算规则