互联网/IT行业面试题 · 技术原理 · CSS
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 445 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 321 题有没有用过flex布局，如何实现垂直居中？ 考察flex布局基础及垂直居中的多方案实现第 322 题怎么形成BFC？ 考察对CSS块级格式化上下文（BFC）触发条件的掌握第 323 题CSS 中如何隐藏元素？它们之间有什么区别？ 考察常见 CSS 隐藏方法及其对布局、可访问性和性能的影响第 324 题Flexbox 布局的底层实现原理是什么？ 考察对浏览器布局引擎中 Flexbox 实现机制的理解第 325 题讲讲浏览器渲染的过程 考察对浏览器渲染原理的理解与表达清晰度第 326 题请说明CSS样式的优先级规则，并举例说明如何计算一个元素最终应用的样式。 考察对CSS层叠、优先级计算和继承机制的理解第 327 题position属性有哪些取值，各自的区别是什么？ 考察CSS定位机制的理解与各取值的作用场景第 328 题什么是盒模型？ 考察CSS盒模型的基本概念、组成部分及标准与怪异模式差异第 329 题请解释 CSS 盒模型，并说明 box-sizing 属性的作用及常用取值。 考察 CSS 盒模型的理解与 box-sizing 属性的实际应用第 330 题如何在CSS中实现元素水平垂直居中？ 考察CSS布局基础与居中方案的多样性第 331 题请介绍经典实现水平垂直居中的多种方法。 考察CSS布局基础与居中方案的选择能力第 332 题流式布局和响应式布局分别如何实现？ 考察对前端布局常见方案的理解与区别第 333 题请解释CSS盒模型的概念，并说明标准盒模型与IE盒模型的区别。 考察对CSS盒模型的基本理解及兼容性知识第 334 题如何实现一个元素，其直径始终为页面宽度的 1/10，并且始终保持在页面正中间？ 考察 CSS 响应式尺寸与定位的实现能力第 335 题请解释 CSS flex 布局中 flex-shrink 和 flex-grow 属性的作用及默认值。 考察对 Flexbox 弹性伸缩机制的理解第 336 题HTML文件中，CSS、HTML、JS 通常放在什么位置？为什么要这样安排？ 考察前端文件结构与性能优化的基础理解第 337 题请举例说明哪些布局场景用 Flexbox 实现比较麻烦而更适合 Grid，反之哪些场景更适合 Flexbox 而非 Grid？ 考察对 Flexbox 与 Grid 适用边界和布局模型差异的理解第 338 题将元素水平居中的方法有哪些？请分别说明其适用场景。 考察CSS水平居中多种方法及其适用条件第 339 题CSS Flex 如何实现垂直居中？ 考察 Flex 布局盒对齐属性的掌握与边界情形第 340 题请解释CSS选择器的优先级是如何计算的，并举例说明。 考察CSS选择器优先级计算规则的理解与应用