互联网/IT行业面试题 · 技术选型 · CSS
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 71 道 · 更新 2026-08-05
筛选题目已选：技术选型 · CSS
考察点
技术栈
第 1 题请说明如何使用 CSS 绘制一个三角形，并解释其原理。 考察 CSS 盒模型、边框属性和伪元素/图形绘制技巧第 2 题如果让你做一个无限loading的动画，你有什么思路？（旋转菊花、进度条；CSS、SVG、lottie...） 考察前端动画实现的技术选型与方案权衡能力第 3 题响应式布局怎么做？ 考察响应式布局的核心技术手段与适配策略第 4 题如何实现CSS垂直居中？请列举几种常见方法并说明其适用场景。 考察CSS布局基础、多种居中实现及其适用性第 5 题请说明在CSS中实现元素垂直居中的几种常用方法，并比较它们的适用场景。 考察CSS布局能力及对不同垂直居中方案的理解和权衡第 6 题请说明在前端开发中如何实现大屏和小屏（响应式）适配？ 考察响应式布局和多端适配的方法论与关键实践第 7 题响应式实现的CSS方案和非CSS方案 考察响应式布局的实现方式和方案选型能力第 8 题请描述如何实现一个左侧固定宽度、右侧自适应的两栏布局，并说明至少两种方案。 考察 CSS 经典两栏布局的实现方式与原理理解第 9 题CSS实现动效的方法、语法和应用场景分别有哪些？ 考察对CSS动效实现方式的掌握程度及实际应用能力第 10 题请解释 px、em、rem、vw 和 vh 单位在 CSS 中的区别及适用场景。 考察 CSS 长度单位的原理理解与响应式适配能力第 11 题请介绍一下 CSS Flexbox 布局，包括其核心概念和常见应用场景。 考察对 Flexbox 布局核心概念的理解和实际应用能力第 12 题做一个从左到右的动画，说说JavaScript、CSS、Canvas哪种好？ 考察动画技术选型与性能权衡第 13 题CSS预处理器了解吗 考察对CSS预处理器及其核心特性的理解与应用第 14 题rem和em的区别是什么？ 考察CSS长度单位rem与em的参照基准及适用场景第 15 题如果让你为一名初学者制定三个月的系统化前端学习计划，你会如何规划？请说明每个阶段的学习目标和重点。 考察前端知识体系理解、学习规划能力和持续学习意识第 16 题怎么清除浮动？ 考察CSS浮动清除方法及其适用场景第 17 题在移动端或响应式布局中，为什么通常需要动态设置根元素字体大小？这样做有什么作用和影响？ 考察对 rem 单位原理、根字体大小作用及响应式适配的理解第 18 题移动端适配有哪些常见方案？各自的原理和适用场景是什么？ 考察移动端适配方案的整体认知与选型能力第 19 题讲几个元素水平垂直居中的方案 考察CSS布局基础与方案选择能力第 20 题H5页面元素单位有哪些？对比rem和vw/vh 考察前端布局单位体系的理解与rem、vw/vh的取舍