前端/移动开发面试题 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1484 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 361 题一个容器里四个小方块，贴着四个角，你怎么用Flex布局？ 考察Flex布局核心属性及空间分配的理解第 362 题请列举并说明实现元素水平垂直居中的几种常见方法。 考察CSS布局基础与方案理解第 363 题三个元素各自定义了宽度，设置flex:1之后还是平均分配吗？ 考察 Flexbox 中 flex 属性与固定宽度的优先级及剩余空间分配规则第 364 题页面从输入URL到渲染到页面发生了什么？ 考察对浏览器网络请求、解析渲染全流程的掌握程度第 365 题如何优化浏览器频繁重排带来的性能问题？ 考察性能优化中对重排成本控制和实践手段的掌握第 366 题滚动动画效果通常如何实现？ 考察对前端滚动动画实现方式的理解与方案选择第 367 题请介绍CSS动画的实现方式，并说明它们的适用场景和性能差异。 考察CSS动画基础、实现方式选型及性能优化意识第 368 题讲一讲浏览器渲染网页的过程 考察对浏览器渲染原理的理解，包括关键步骤和优化意识第 369 题在一个 Flex 容器中，有两个子元素，要求右边的盒子无论左边盒子是否存在或消失，都始终保持在容器的最右边。你尝试过 `margin-left:auto`，也提到了 `space-between`，但面试官认为还不完整。请给出更完善的通用方案，并说明两者的区别与适用场景。 考察 Flex 布局对元素对齐的掌握以及边界场景的处理第 370 题请介绍常见的 CSS 居中布局方式，并说明不同场景下的选择依据。 考察 CSS 布局基础与方案权衡能力第 371 题CSS 定位有哪几种方式？请分别说明各自的特征和典型使用场景。 考察 CSS 定位机制的掌握程度及实际应用理解第 372 题请解释 CSS 中的盒模型，并说明标准盒模型和怪异盒模型（IE 盒模型）的区别，以及如何设置。 考察对 CSS 盒模型基础概念及 box-sizing 作用的理解第 373 题请解释CSS flex布局中flex-grow和flex-shrink的作用，并说明它们对元素尺寸的影响。 考察对flex伸缩子项尺寸分配机制的理解第 374 题请解释CSS中content-box和border-box两种盒子模型的主要区别，并说明各自适用的场景。 考察CSS盒模型的理解深度及实际应用中的选型意识第 375 题当两个连续的style标签内包含相同选择器但样式不同时，浏览器渲染会采用哪个样式？请说明原因。 考察CSS层叠规则中源顺序对样式优先级的影响第 376 题如何使一个元素水平垂直居中？ 考察前端布局基础与多种实现方案的掌握第 377 题请说说盒模型相关知识 考察CSS盒模型的基本概念、组成、尺寸计算及box-sizing的影响第 378 题CSS 中有哪些常见的长度单位？ 考察对 CSS 长度单位分类及适用场景的理解第 379 题什么叫盒模型的塌陷？为什么会发生？怎么解决？ 考察CSS盒模型的理解及外边距合并问题第 380 题CSS的position都有哪些取值？ 考察CSS定位方式的理解与适用场景