互联网/IT行业面试题 · 技术原理 · CSS
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 445 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 161 题在CSS中，将元素的padding-top设置为50%时，该百分比是相对于哪个容器的哪个维度计算的？ 考察对CSS百分比取值参照系的理解第 162 题CSS的position有哪些，分别有什么作用？ 考察CSS定位基础知识的掌握程度第 163 题BFC是什么，如何创建？ 考察对块级格式化上下文概念的理解及常见创建方式第 164 题用HTML5和JavaScript实现类似CSS伪元素的效果，这两种方法有什么区别？ 考察对CSS伪元素与JavaScript实现方式在本质、性能、可维护性上的理解第 165 题组件适配暗黑模式怎么做？ 考察对主题切换机制、样式隔离与可维护性的理解第 166 题请用CSS实现画圆 考察CSS基础盒模型与样式知识的掌握程度第 167 题请用 CSS 实现一个等腰直角三角形的图形。 考察 CSS 基础图形绘制能力与边界技巧第 168 题如何实现垂直水平居中？ 考察CSS布局基础与多种实现方案的掌握第 169 题如何用 CSS 实现元素的垂直水平居中？ 考察 CSS 布局基础与多种居中方案的适用场景第 170 题水平垂直居中的方法有哪些？ 考察CSS布局中水平垂直居中的多种实现方式及其适用场景第 171 题CSS 定位有哪几种方式？请分别说明各自的特征和典型使用场景。 考察 CSS 定位机制的掌握程度及实际应用理解第 172 题请解释 CSS 盒模型，并说明标准盒模型与 IE 盒模型的区别。 考察对 CSS 盒模型基本概念和两种模型差异的理解第 173 题请解释 flex: 1 的含义和作用。 考察对 flex 缩写属性及其子项值的理解第 174 题如何为具有 target 属性的 a 标签设置样式？ 考察 CSS 属性选择器的掌握与具体语法运用第 175 题请列举并比较几种常用的CSS水平垂直居中方法。 考察CSS布局基础与不同居中方案的适用场景第 176 题如果自己开发的页面在他人环境中出现白屏，你会如何排查和定位问题？ 考察前端白屏问题的系统排查思路与常见原因定位能力第 177 题请介绍一下 CSS Grid 布局的主要概念和常用用法，并说明它与 Flexbox 的适用差异。 考察对 CSS Grid 布局核心特性、实际应用及与 Flexbox 选型对比的理解第 178 题在 CSS 中，如何实现左右元素宽度固定、中间元素占据剩余全部空间，并保证界面自适应？请列举你能想到的所有方法。 考察 CSS 布局方案的掌握广度、自适应原理与方案权衡能力第 179 题请说明弹性盒（Flexbox）布局的基本原理，并介绍圣杯布局与双飞翼布局的实现思路。 考察对CSS布局模型的理解、传统布局方案对比及实现细节第 180 题CSS中rem参考的是谁？ 考察rem单位参考基准与理解