互联网/IT行业面试题 · 问题拆解 · tech:css
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 41 道 · 更新 2026-08-05
筛选题目已选：问题拆解 · tech:css
考察点
技术栈
第 1 题请说明 Flex 布局的主要属性及其常见应用场景。 考察对 Flexbox 布局核心属性的掌握与场景化应用能力第 2 题请解释CSS盒子模型的构成，以及标准盒子模型和IE盒子模型的区别。 考察CSS基础概念的理解与对比第 3 题请解释定位布局的嵌套关系，并说明不同定位方式如何影响父元素与子元素的布局。 考察对CSS定位布局中嵌套关系及定位上下文的理解第 4 题在浏览器中输入 www.baidu.com 并回车后，从输入 URL 到页面显示，期间发生了什么？ 考察网络协议栈、DNS、HTTP 与页面渲染的完整链路理解第 5 题响应式布局怎么做？ 考察响应式布局的核心技术手段与适配策略第 6 题CSS选择器,选择div下的第二个p该怎么做 考察CSS选择器基础知识及高级选择器用法第 7 题请说明 position 属性的常用取值、默认值及各自的区别。 考察 CSS position 定位的常用值、默认行为及脱离文档流的影响第 8 题不等宽不等高的瀑布流如何实现？ 考察前端布局实现能力、算法思路与性能权衡第 9 题如果让你为一名初学者制定三个月的系统化前端学习计划，你会如何规划？请说明每个阶段的学习目标和重点。 考察前端知识体系理解、学习规划能力和持续学习意识第 10 题如何实现吸顶效果？请结合 CSS 和 JS 分别说明。 考察对 CSS sticky 定位与 JS 滚动监听实现吸顶的掌握程度第 11 题请用你熟悉的语言或工具画一个3x3的九宫格，并说明实现思路。 考察基础编程能力与代码组织习惯第 12 题块级元素和行内元素的区别 考察CSS盒模型基础中元素显示类型及默认行为差异第 13 题用HTML5和JavaScript实现类似CSS伪元素的效果，这两种方法有什么区别？ 考察对CSS伪元素与JavaScript实现方式在本质、性能、可维护性上的理解第 14 题如何用 CSS 实现元素的垂直水平居中？ 考察 CSS 布局基础与多种居中方案的适用场景第 15 题请说明弹性盒（Flexbox）布局的基本原理，并介绍圣杯布局与双飞翼布局的实现思路。 考察对CSS布局模型的理解、传统布局方案对比及实现细节第 16 题请解释CSS中实现元素居中对齐的常见方法及适用场景。 考察CSS布局基础与不同居中方式的应用判断第 17 题如何实现一个按钮的渐变背景，比如从深红渐变到浅红？请列举几种实现方式并说明各自的适用场景。 考察CSS渐变实现方式及其在不同场景下的应用与权衡第 18 题使元素居中有哪些办法？请从 position、display:flex、line-height 等角度说明。 考察 CSS 水平垂直居中的多种实现方式及其适用场景第 19 题请说明 CSS 中常用的定位方式及其使用场景。 考察对 CSS 定位机制的理解及实际布局中的应用能力第 20 题padding-top:10%是以什么为基准的？ 考察CSS百分比padding的计算基准和布局原理