前端/移动开发面试题 · 技术原理 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1430 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 341 题CSS 加载会阻塞页面渲染吗？请说明其阻塞机制和优化思路。 考察对浏览器渲染流程与 CSS 阻塞特性的理解第 342 题如何为具有 target 属性的 a 标签设置样式？ 考察 CSS 属性选择器的掌握与具体语法运用第 343 题CSS选择器权重； 考察CSS选择器优先级计算规则的关键知识第 344 题使用尽可能多的CSS方法实现左中右三栏布局 考察CSS布局知识广度与实现细节第 345 题盒子左边固定距离，右边可变距离，怎么用 CSS 实现？ 考察 CSS 布局中固定与自适应宽度组合的实现能力第 346 题除了框架学习外，你对JavaScript和CSS有哪些学习或实践？ 考察候选人前端基础知识的深度、主动性及持续学习能力第 347 题一个容器里四个小方块，贴着四个角，你怎么用Flex布局？ 考察Flex布局核心属性及空间分配的理解第 348 题请列举并说明实现元素水平垂直居中的几种常见方法。 考察CSS布局基础与方案理解第 349 题三个元素各自定义了宽度，设置flex:1之后还是平均分配吗？ 考察 Flexbox 中 flex 属性与固定宽度的优先级及剩余空间分配规则第 350 题页面从输入URL到渲染到页面发生了什么？ 考察对浏览器网络请求、解析渲染全流程的掌握程度第 351 题滚动动画效果通常如何实现？ 考察对前端滚动动画实现方式的理解与方案选择第 352 题请介绍CSS动画的实现方式，并说明它们的适用场景和性能差异。 考察CSS动画基础、实现方式选型及性能优化意识第 353 题讲一讲浏览器渲染网页的过程 考察对浏览器渲染原理的理解，包括关键步骤和优化意识第 354 题在一个 Flex 容器中，有两个子元素，要求右边的盒子无论左边盒子是否存在或消失，都始终保持在容器的最右边。你尝试过 `margin-left:auto`，也提到了 `space-between`，但面试官认为还不完整。请给出更完善的通用方案，并说明两者的区别与适用场景。 考察 Flex 布局对元素对齐的掌握以及边界场景的处理第 355 题请介绍常见的 CSS 居中布局方式，并说明不同场景下的选择依据。 考察 CSS 布局基础与方案权衡能力第 356 题CSS 定位有哪几种方式？请分别说明各自的特征和典型使用场景。 考察 CSS 定位机制的掌握程度及实际应用理解第 357 题请解释 CSS 中的盒模型，并说明标准盒模型和怪异盒模型（IE 盒模型）的区别，以及如何设置。 考察对 CSS 盒模型基础概念及 box-sizing 作用的理解第 358 题请解释CSS flex布局中flex-grow和flex-shrink的作用，并说明它们对元素尺寸的影响。 考察对flex伸缩子项尺寸分配机制的理解第 359 题请解释CSS中content-box和border-box两种盒子模型的主要区别，并说明各自适用的场景。 考察CSS盒模型的理解深度及实际应用中的选型意识第 360 题当两个连续的style标签内包含相同选择器但样式不同时，浏览器渲染会采用哪个样式？请说明原因。 考察CSS层叠规则中源顺序对样式优先级的影响