互联网/IT行业面试题 · 技术原理 · CSS
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 445 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 401 题display:none和visibility:hidden有什么区别？ 考察CSS隐藏元素两种方式的渲染与布局差异第 402 题给定一段CSS代码，其中对a标签设置了不同选择器的颜色样式，请分析a标签最终显示的颜色，并说明理由。 考察CSS样式优先级权重的计算与应用第 403 题BFC，哪些特性可以开启BFC？ 考察对BFC概念及触发条件的掌握第 404 题请解释什么是 BFC（块级格式化上下文），以及如何触发它？ 考察对 CSS 视觉格式化模型的理解及实际应用第 405 题实现居中效果的方式 考察对常见 CSS 居中布局方法的掌握与适用场景第 406 题如何使得一个未知宽高的div居中于父元素中？ 考察 CSS 布局居中方案的掌握与边界情况处理第 407 题请介绍CSS动画的实现方式，并说明它们的适用场景和性能差异。 考察CSS动画基础、实现方式选型及性能优化意识第 408 题rem、px、em的区别 考察CSS单位的使用场景与响应式设计基础第 409 题请解释 CSS 中 position 属性的主要取值及其各自的定位行为和文档流影响。 考察对 CSS 定位机制的理解和实际应用能力第 410 题绝对定位、相对定位、固定定位有什么区别？ 考察CSS定位机制的理解与应用能力第 411 题块状元素、内联元素、内联块元素有什么本质区别？请举例说明在布局中的应用。 考察对 CSS 盒模型与元素显示类型基础知识的理解及实际应用能力第 412 题请解释CSS盒模型中的box-sizing属性及其作用。 考察CSS盒模型基础与box-sizing属性对布局的影响第 413 题请介绍你对Flex布局的理解，并说明它与传统盒状布局的主要区别。 考察对Flex布局核心概念和适用场景的掌握第 414 题请详细说明 Flex 布局的原理和常用属性，并举例说明如何实现水平垂直居中。 考察对 Flex 布局核心概念、常用属性及典型应用场景的理解第 415 题谈谈你对 CSS 属性中的 will-change 的理解，它为什么被认为是“黑魔法”，以及使用它可能带来的性能陷阱？ 考察对 CSS 性能优化中 will-change 属性的理解、使用边界与潜在风险第 416 题transition、transform、translate的区别是什么？ 考察CSS动画与变换相关属性概念的理解与区分第 417 题有哪些方法可以隐藏一个元素，以及它们之间的区别？ 考察CSS元素隐藏方式的掌握及对布局、文档流、可访问性的理解第 418 题CSS会阻塞DOM树的渲染吗？为什么？ 考察浏览器渲染机制与CSS资源加载对页面渲染的影响第 419 题给你一个固定宽度为500px的div，怎么让这个div的宽度和高度一直保持一致？也就是当改变高度时，让它的宽度也相应改变。（padding-bottom:100%;） 考察CSS比例盒模型、百分比padding的基准和响应式自适应的理解第 420 题在前端开发中，JavaScript、CSS、Three.js 和 Vue 这些技术各自在运行时的内存开销有什么特点？如何评估和优化它们的内存使用？ 考察对前端技术栈内存特性的理解与优化意识