互联网/IT行业面试题 · CSS
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 459 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 181 题请解释 flex: 1 的含义和作用。 考察对 flex 缩写属性及其子项值的理解第 182 题如何为具有 target 属性的 a 标签设置样式？ 考察 CSS 属性选择器的掌握与具体语法运用第 183 题请列举并比较几种常用的CSS水平垂直居中方法。 考察CSS布局基础与不同居中方案的适用场景第 184 题如果自己开发的页面在他人环境中出现白屏，你会如何排查和定位问题？ 考察前端白屏问题的系统排查思路与常见原因定位能力第 185 题请介绍一下 CSS Grid 布局的主要概念和常用用法，并说明它与 Flexbox 的适用差异。 考察对 CSS Grid 布局核心特性、实际应用及与 Flexbox 选型对比的理解第 186 题在 CSS 中，如何实现左右元素宽度固定、中间元素占据剩余全部空间，并保证界面自适应？请列举你能想到的所有方法。 考察 CSS 布局方案的掌握广度、自适应原理与方案权衡能力第 187 题请说明弹性盒（Flexbox）布局的基本原理，并介绍圣杯布局与双飞翼布局的实现思路。 考察对CSS布局模型的理解、传统布局方案对比及实现细节第 188 题CSS中rem参考的是谁？ 考察rem单位参考基准与理解第 189 题CSS 中 position 属性有哪些取值，各自的作用和定位上下文是什么？ 考察对 CSS 定位机制的理解及典型场景区分第 190 题为什么需要实现 Flexbox 这种布局方式？ 考察对 Flexbox 设计动机和适用场景的理解第 191 题如何清除浮动？ 考察CSS浮动清除方法的掌握程度与实际应用第 192 题请描述浏览器从接收HTML到完成DOM树的构建过程，以及DOM树与渲染树的关系。 考察对浏览器渲染原理中DOM构建与渲染树生成流程的理解第 193 题flex:1 是哪几个属性的合并？ 考察对 CSS Flexbox 弹性盒子模型核心简写属性的理解第 194 题如何实现一个元素在页面中水平垂直居中？请给出多种实现方式。 考察CSS布局基础与多种居中方案的掌握第 195 题请谈谈你对 CSS/CSS3 的掌握程度，以及你通常的学习方式？ 考察前端基础技能深度、学习习惯与知识更新能力第 196 题请解释CSS中实现元素居中对齐的常见方法及适用场景。 考察CSS布局基础与不同居中方式的应用判断第 197 题space-between和space-around的区别是什么？ 考察CSS Flexbox布局中justify-content属性值的理解第 198 题如何实现一个按钮的渐变背景，比如从深红渐变到浅红？请列举几种实现方式并说明各自的适用场景。 考察CSS渐变实现方式及其在不同场景下的应用与权衡第 199 题使用<script>标签的src属性引用JS文件，或使用<link>标签引用CSS文件时，浏览器会执行哪些操作？ 考察对浏览器加载和执行外部资源的理解第 200 题请列举并说明行内元素和块级元素的区别，包括典型例子。 考察对 HTML 中行内元素与块级元素核心区别及典型示例的理解