互联网/IT行业面试题 · 技术原理 · CSS
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 445 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 121 题请说明哪些操作会触发浏览器回流（reflow）和重绘（repaint），并说明如何减少它们对性能的影响。 考察对浏览器渲染机制及性能优化方法的理解第 122 题如何用CSS实现宽度随内容自适应且最大不超过父容器80%的布局？ 考察CSS盒模型、宽度自适应与最大宽度约束的综合运用第 123 题如何使用 CSS animation 属性实现静态 loading 图片（如 loading.gif 的状态）的动态切换效果？ 考察 CSS 动画属性及图片切换的实践能力第 124 题如何实现吸顶效果？请结合 CSS 和 JS 分别说明。 考察对 CSS sticky 定位与 JS 滚动监听实现吸顶的掌握程度第 125 题CSS 中如何计算选择器的权重（优先级）？请举例说明。 考察 CSS 选择器优先级规则及常见选择器的权重计算第 126 题请介绍实现元素垂直居中的几种常见方法，并说明各自的适用场景。 考察CSS布局基础与场景化方案选择能力第 127 题请介绍 Flex 布局的核心概念，并说明其在常见布局中的典型应用。 考察对 Flex 布局核心属性、对齐方式及实际应用场景的理解第 128 题常用的选择器有哪些？ 考察对CSS选择器类型及常见用法的掌握第 129 题浏览器加载一个页面时，整个渲染流程是怎样的？ 考察浏览器渲染机制、关键步骤及性能优化意识第 130 题CSS中百分比%参考的是谁？ 考察百分比单位参考对象与依赖上下文第 131 题前端开发中，1px 线条在 iOS 等移动端浏览器上显示过细或过粗的原因是什么？有哪些常用解决方案？ 考察移动端高清屏下 CSS 像素与物理像素的差异理解及 1px 边框问题的常见解法第 132 题讲几个元素水平垂直居中的方案 考察CSS布局基础与方案选择能力第 133 题请列举并解释至少三种实现元素水平居中的 CSS 方法。 考察 CSS 布局基础与水平居中实现的多种方案第 134 题你知道CSS中怎么定义变量吗？ 考察CSS自定义属性的定义与使用第 135 题px、rem、em有什么区别？ 考察CSS长度单位的相对性与适用范围第 136 题H5页面元素单位有哪些？对比rem和vw/vh 考察前端布局单位体系的理解与rem、vw/vh的取舍第 137 题实现一个固定宽高的元素在其父容器中水平垂直居中，请给出至少两种方法并比较适用场景。 考察CSS布局中水平垂直居中的多种实现方式及场景判断第 138 题文字环绕图片，图片位于右侧，怎么实现？ 考察CSS布局中浮动清除与基本排版能力第 139 题请介绍 HTML、CSS 和 JavaScript 在前端开发中各自的核心作用及相互协作关系。 考察前端基础知识的掌握程度与对模块协作的理解第 140 题span元素怎么实现水平居中? 考察CSS水平居中方法与行内元素特性