前端/移动开发面试题 · CSS

前端/移动开发相关岗位面试题。

共 24989 道真题 · 当前筛选命中 1484 道 · 更新 2026-08-05

筛选题目已选:CSS
第 261 题块状元素、内联元素、内联块元素有什么本质区别?请举例说明在布局中的应用。 考察对 CSS 盒模型与元素显示类型基础知识的理解及实际应用能力技术原理技术选型CSSHTML第 262 题如何给元素设置水平、垂直居中? 考察CSS居中布局的多种实现方式及适用场景技术原理CSS第 263 题请解释什么是重绘(repaint)和回流(reflow),并说明它们之间的关系及如何减少回流对性能的影响。 考察对浏览器渲染机制的理解及前端性能优化能力性能优化技术原理CSSWeb Browser第 264 题CSS如何实现画一个三角形 考察CSS边框模型和伪元素/变换的灵活运用编码实现技术原理CSS第 265 题知道 BFC 吗?说说看。 考察对 BFC(块格式化上下文)概念的掌握、触发条件及其在布局中的应用技术原理问题排查CSS第 266 题简述CSS选择器的优先级规则 考察CSS层叠机制中优先级计算与权重理解技术原理方案权衡CSS第 267 题请描述并实现一个延时 hover 的滑动门效果(鼠标移入后先延时再展开,移出后收起),并说明其实现思路。 考察 hover 交互的延时控制、动画实现与代码组织能力编码实现问题拆解CSSJavaScript第 268 题请比较CSS中transition与animation动画的区别,并说明各自适用场景。 考察对CSS过渡与关键帧动画机制的理解与选择技术原理方案权衡CSS第 269 题rem 移动适配的具体实现原理和步骤是什么? 考察rem适配的机制与动手实现细节编码实现技术原理CSSJavaScript第 270 题请说明 Flex 布局适合在哪些实际场景中使用,并简述理由。 考察对 CSS Flex 布局适用场景的理解和实际应用判断技术原理技术选型CSS第 271 题移动端适配有哪些常见方案?各自的原理和适用场景是什么? 考察移动端适配方案的整体认知与选型能力技术原理技术选型方案权衡CSS第 272 题实现一个四栏布局,每栏宽度自适应,栏间距固定,使用 Flex 布局是否合适?如果不合适,应如何实现? 考察对 Flex 布局局限性的理解及替代布局方案(如 Grid)的掌握技术原理方案权衡CSS第 273 题在实际项目中,你会倾向于使用类选择器还是id选择器?请说明理由,并解释其中一条理由(如id选择器通常留给JavaScript操作DOM)是否成立。 考察CSS选择器使用策略、职责分离意识及对选择器特性的理解技术原理技术选型方案权衡CSS第 274 题CSS 中 :hover 伪类的作用是什么?请举例说明它的常见使用场景,并说明它与其他状态伪类(如 :focus)的区别。 考察对 CSS 伪类的理解与实际应用能力编码实现技术原理CSS第 275 题CSS中伪类和伪元素的区别是什么? 考察对CSS选择器机制的理解与区分技术原理技术选型CSS第 276 题请解释什么是块级元素和内联元素,并举例说明它们在布局中的区别。 考察对HTML元素分类及默认布局行为的理解技术原理CSSHTML第 277 题浏览器获取到 HTML 后是如何渲染出页面的? 考察浏览器渲染流程的理解和关键性能优化点性能优化技术原理CSSHTMLJavaScript第 278 题文本溢出有什么方式隐藏? 考察CSS文本溢出处理与前端布局基础知识技术原理CSS第 279 题请解释浏览器从 HTML/CSS 到页面显示的渲染过程中,渲染树(Render Tree)是如何构建的? 考察对浏览器渲染流程中渲染树构建原理的理解技术原理CSSHTML第 280 题请介绍 flex 属性是什么,它包含哪些子属性,它们各自有什么作用? 考察对 CSS flex 布局核心属性的理解与应用技术原理技术选型CSS