前端/移动开发面试题 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1484 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 61 题请列举并比较几种常见的 CSS 水平居中方法。 考察 CSS 布局基础与不同场景下的方案选型能力第 62 题如何实现浏览器顶部和底部固定，中间自适应，内容超出出现滚动条？ 考察CSS布局基础和滚动容器处理能力第 63 题请说明在CSS中实现元素垂直居中的几种常用方法，并比较它们的适用场景。 考察CSS布局能力及对不同垂直居中方案的理解和权衡第 64 题有一张 500×500 的图片需要展示在 200×200 的容器中，你会如何缩小图片？ 考察图片处理技术选型与性能优化意识第 65 题请介绍 CSS 中实现元素水平与垂直居中的常见方案。 考察 CSS 布局知识与方案比较能力第 66 题flex: 0 1 auto 的三个属性分别代表什么？ 考察对 flex 简写属性及各项含义的理解第 67 题border-box和content-box有什么区别？ 考察CSS盒模型两种宽度计算方式的差异及应用场景第 68 题CSS的选择器有哪些？ 考察CSS选择器的基础掌握与分类能力第 69 题请解释 CSS 中 display 属性的常用取值及其对文档流和布局的影响。 考察对 display 属性基本布局行为的理解第 70 题CSS有哪些选择器，优先级如何比较？ 考察CSS选择器类型及优先级计算规则第 71 题在不同屏幕(360px、375px、414px 等)上保持“一行三等分元素”的统一效果，怎么实现？ 考察响应式布局中三等分元素的实现与适配能力第 72 题Flex是哪些的缩写？ 考察对Flex中英文全称及对应中文含义的准确记忆第 73 题定位有几种，分别是否脱离文档流，各自有什么作用？ 考察对 CSS 定位机制及文档流的理解第 74 题CSS的硬件加速是怎么实现的？ 考察对浏览器渲染机制和CSS硬件加速原理的理解第 75 题解释浏览器渲染原理及关键渲染路径优化 考察浏览器渲染流程的理解与页面性能优化能力第 76 题请列举并简要说明实现 CSS 两栏布局的常见方法。 考察 CSS 布局知识的广度与对常见布局方案的掌握程度第 77 题0.5px的线可以怎么实现 考察前端实现细线方案及不同场景下的兼容性与精度第 78 题space-between和space-around在布局上有什么区别？ 考察对Flexbox主轴对齐方式的理解与应用差异第 79 题请描述浏览器从接收HTML到页面显示的完整渲染过程。 考察对浏览器渲染管线、关键节点及优化点的理解第 80 题实现弹性布局有几种方式？ 考察对弹性布局多种实现方法的理解和应用能力