作业帮面试题 · 技术原理 · CSS
作业帮相关面试题，按最终去重题目聚合。
共 1635 道真题 · 当前筛选命中 33 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 1 题CSS 有哪些常见的定位方式？请说明各自的特点和适用场景。 考察 CSS 定位方式的基础知识与应用判断第 2 题flex:1和flex:auto的区别是什么？ 考察对flex简写属性及其分量含义的理解第 3 题请介绍CSS盒模型的组成，以及如何通过box-sizing属性控制元素尺寸计算方式。 考察CSS基础概念理解与实际应用能力第 4 题H5页面元素单位有哪些？对比rem和vw/vh 考察前端布局单位体系的理解与rem、vw/vh的取舍第 5 题使用<script>标签的src属性引用JS文件，或使用<link>标签引用CSS文件时，浏览器会执行哪些操作？ 考察对浏览器加载和执行外部资源的理解第 6 题display: none 和 visibility: hidden 的区别 考察CSS布局与渲染机制的理解第 7 题CSS盒子模型是什么？ 考察CSS盒模型基础概念与理解第 8 题请说明CSS样式的优先级规则，并举例说明如何计算一个元素最终应用的样式。 考察对CSS层叠、优先级计算和继承机制的理解第 9 题怎么实现一个三列布局（coding）？ 考察 CSS 布局基础、布局方案选择与适用场景第 10 题请解释 CSS 中 position 属性的 relative 和 absolute 定位的区别，并说明它们各自的应用场景。 考察 CSS 定位机制的理解及实际应用能力第 11 题除了框架学习外，你对JavaScript和CSS有哪些学习或实践？ 考察候选人前端基础知识的深度、主动性及持续学习能力第 12 题请解释 CSS Flexbox 布局的核心概念，并说明如何实现水平和垂直居中，以及常见的对齐方式。 考察对 Flex 布局核心属性、对齐机制和实际应用的理解第 13 题请解释什么是 BFC，以及它的主要作用是什么？ 考察对 CSS 块级格式化上下文概念及其布局作用的掌握程度第 14 题请解释CSS中实现动画的常见方式，并说明它们各自的适用场景。 考察CSS动画核心机制的理解与工程选型能力第 15 题如何使用 CSS animation 属性实现静态 loading 图片（如 loading.gif 的状态）的动态切换效果？ 考察 CSS 动画属性及图片切换的实践能力第 16 题实现垂直水平居中的方案有哪些 考察CSS布局基础与多种实现方案的灵活掌握第 17 题如何实现表格或布局中第二列内容的自适应宽度？请说明具体实现方式和适用场景。 考察对弹性布局和自适应技术的掌握程度第 18 题说一下对盒模型的理解？ 考察 CSS 盒模型的基础概念、组成部分及盒模型切换能力第 19 题盒子的水平垂直居中怎么实现？ 考察CSS布局基础与多种居中方案的掌握第 20 题前端开发中，1px 线条在 iOS 等移动端浏览器上显示过细或过粗的原因是什么？有哪些常用解决方案？ 考察移动端高清屏下 CSS 像素与物理像素的差异理解及 1px 边框问题的常见解法