前端/移动开发面试题 · 编码实现 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 217 道 · 更新 2026-08-05
筛选题目已选：编码实现 · CSS
考察点
技术栈
第 21 题如何使用 CSS 实现多行文本溢出隐藏？ 考察多行文本溢出处理的 CSS 技术掌握第 22 题CSS中实现元素垂直水平居中的方式有哪些？请手写实现。 考察CSS布局基础与多种居中方案的掌握程度第 23 题请解释Flex布局的核心概念和常用属性，并以一个具体场景为例说明如何用Flex实现常见布局。 考察Flex布局基础、属性掌握及实际布局能力第 24 题请现场编写一个汇率兑换功能的网页页面，并实现核心逻辑，要求尽量完整。 考察前端编码实操能力、页面实现完整度和逻辑清晰度第 25 题请说明 CSS 中哪些属性可以继承，并举例说明继承对样式设计的影响。 考察对 CSS 属性继承机制的理解和实际应用能力第 26 题怎么实现一个三列布局（coding）？ 考察 CSS 布局基础、布局方案选择与适用场景第 27 题给你一个双栏布局的结构，鼠标可以拖动两栏之间的边使这条边移动，两边宽度变化，如何实现？ 考察前端布局交互实现能力，包括事件处理、布局计算和边界优化第 28 题在移动端做响应式布局时，rem 单位是如何实现自适应适配的？请说明其原理和常见实践。 考察移动端 rem 适配的原理理解与落地能力第 29 题CSS如何实现画一个三角形 考察CSS边框模型和伪元素/变换的灵活运用第 30 题请描述并实现一个延时 hover 的滑动门效果（鼠标移入后先延时再展开，移出后收起），并说明其实现思路。 考察 hover 交互的延时控制、动画实现与代码组织能力第 31 题rem 移动适配的具体实现原理和步骤是什么？ 考察rem适配的机制与动手实现细节第 32 题CSS 中 :hover 伪类的作用是什么？请举例说明它的常见使用场景，并说明它与其他状态伪类（如 :focus）的区别。 考察对 CSS 伪类的理解与实际应用能力第 33 题请说明CSS实现元素垂直居中的常见方式。 考察CSS布局基础与常见垂直居中方案的掌握程度第 34 题flex布局实现九宫格，用哪些属性？ 考察 Flexbox 布局基础、主轴交叉轴理解与子项尺寸控制第 35 题如何用flex去实现一个居中的盒子 考察CSS Flexbox布局的居中实现能力第 36 题如何实现一个左右宽度各为100px、中间内容自适应填充的布局？ 考察CSS布局实现的基本能力与方案选择第 37 题实现不停旋转的loading动画要怎么实现？ 考察CSS动画基础知识与实现能力第 38 题请介绍一下你在 CSS 方面的精通程度，并说明你能基于一个概念图独立实现对应的样式代码吗？ 考察 CSS 知识深度与代码实现能力第 39 题三栏布局如何实现？ 考察CSS经典布局方案与各自适用场景第 40 题animation函数如何定义动画起始和结束 考察对CSS animation关键帧定义和动画属性理解