前端/移动开发面试题 · 技术原理 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1430 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 301 题CSS的层叠上下文和z-index，如何创建层叠上下文？ 考察CSS层叠上下文的核心概念、创建方式与z-index的关系第 302 题改变固定定位fixed的父级定位元素 考察CSS固定定位的包含块原理及父级定位元素的影响第 303 题请介绍一下你在 CSS 方面的精通程度，并说明你能基于一个概念图独立实现对应的样式代码吗？ 考察 CSS 知识深度与代码实现能力第 304 题请介绍几种经典 CSS 布局方式及其适用场景。 考察 CSS 布局知识广度与方案权衡能力第 305 题页面UI卡顿如何去优化？ 考察前端性能问题的系统性排查与优化能力第 306 题实现一个固定宽高的元素在其父容器中水平垂直居中，请给出至少两种方法并比较适用场景。 考察CSS布局中水平垂直居中的多种实现方式及场景判断第 307 题使用 transform: translate() 实现居中时，移动的中心点基于哪里？ 考察对 CSS transform 原点与坐标系的理解第 308 题请介绍 Flex 布局的基本概念、核心属性以及适用场景。 考察对 Flex 布局核心概念和属性的掌握程度及实际应用能力第 309 题三栏布局如何实现？ 考察CSS经典布局方案与各自适用场景第 310 题请描述两栏布局的实现方式。 考察CSS布局基础、Flexbox和Grid等技术的应用与方案对比第 311 题为什么要有这么多种类的CSS选择器？ 考察对CSS选择器设计动机与适用场景的理解第 312 题CSS 有哪些选择器？它们的优先级是如何计算的？ 考察对 CSS 选择器分类和优先级计算规则的掌握第 313 题请解释什么是 CSS 精灵图（Sprite），并说明它的作用和实现原理。 考察对前端性能优化手段的了解和应用能力第 314 题Flex布局中有哪些常见的属性？请简要说明它们的作用。 考察对Flex布局核心属性的掌握程度第 315 题水平垂直居中的方法有哪些？ 考察CSS布局中水平垂直居中的多种实现方式及其适用场景第 316 题请说明CSS中的文档流是什么，以及脱离文档流的常见方式及其影响。 考察对布局机制基础的理解第 317 题animation函数如何定义动画起始和结束 考察对CSS animation关键帧定义和动画属性理解第 318 题请用 CSS 实现两行正方形的排列布局，并说明你的写法。 考察 CSS 布局基础能力与实现思路第 319 题浏览器在加载完 HTML DOM 树后，页面渲染的后续流程是怎样的？ 考察浏览器渲染原理，尤其是 DOM 解析后的样式计算、布局与绘制流程第 320 题请列举CSS中可继承的属性 考察CSS属性继承机制及对默认行为的理解