互联网/IT行业面试题 · CSS
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 459 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 1 题在 CSS 中，使用 display:flex 且 flex-direction:column 时，如何实现子元素的水平居中？ 考察 Flex 布局中主轴与交叉轴方向的基本理解与对齐属性应用第 2 题请介绍移动端适配不同屏幕尺寸的常见方案有哪些。 考察对移动端适配主流方案的理解与归纳能力第 3 题CSS 中 transform 属性的百分比值（如 translate(50%)）是相对于哪个元素尺寸计算的？ 考察对 CSS transform 百分比基准的理解第 4 题怎样实现两栏布局？ 考察 CSS 布局基本功与方案取舍第 5 题请解释什么是文档流，以及元素脱离文档流的方式和影响。 考察对CSS文档流和脱离文档流机制的理解第 6 题请介绍CSS中transform属性的主要用途、常用函数及其性能影响。 考察对CSS transform功能的掌握、函数使用及性能优化意识第 7 题给一个div设置了z-index为什么没生效？请列举可能的原因并说明排查思路。 考察CSS层叠上下文、定位属性和z-index生效条件的理解第 8 题CSS盒子模型是什么？ 考察CSS盒模型基础概念与理解第 9 题请说明如何用 CSS 实现元素的淡入淡出效果，并解释其原理。 考察 CSS 过渡和动画在透明度变化中的实现方式第 10 题请解释什么是块级元素和内联元素，并举例说明它们在布局中的区别。 考察对HTML元素分类及默认布局行为的理解第 11 题块级元素与行级元素的区别 考察 HTML/CSS 基础布局模型的理解第 12 题请解释弹性布局（Flexbox）的核心概念，并说明它与传统块级布局的主要区别。 考察对CSS弹性布局核心机制的理解及对比能力第 13 题请说明如何使用 CSS 绘制一个三角形，并解释其原理。 考察 CSS 盒模型、边框属性和伪元素/图形绘制技巧第 14 题如何实现元素既不被移除又被隐藏？ 考察对 CSS 布局与可见性的理解及隐藏方式的选择第 15 题请解释什么是 CSS 精灵图（Sprite），并说明它的作用和实现原理。 考察对前端性能优化手段的了解和应用能力第 16 题请说明如何使用CSS实现一个块级元素的水平居中。 考察CSS布局中水平居中的基本原理与实现方法第 17 题请列举并说明实现元素垂直居中的几种常见方法。 考察CSS布局基础与方案权衡能力第 18 题请手写实现一个经典的三列布局，左右两列宽度固定，中间列自适应，并说明你采用的方案及其优缺点。 考察CSS布局实现能力与方案权衡意识第 19 题怎么理解Flex布局，它的设计理念和原理是什么？ 考察对Flex布局设计理念、核心概念和工作原理的理解深度第 20 题怎么实现水平垂直居中 考察CSS布局基础与多方案权衡