前端/移动开发面试题 · 问题拆解 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 133 道 · 更新 2026-08-05
筛选题目已选：问题拆解 · CSS
考察点
技术栈
第 101 题flex:1的底层是用几个flex布局的其他属性实现的,你知道是哪几个属性吗?怎么实现的 考察对flex简写属性底层构成的理解第 102 题请用你熟悉的语言或工具画一个3x3的九宫格，并说明实现思路。 考察基础编程能力与代码组织习惯第 103 题请谈谈你在日常开发中如何使用 CSS，以及在项目里处理样式布局方面的经验。 考察候选人对 CSS 的实际运用频率、熟悉程度及工程实践能力第 104 题在绝对定位水平居中时，为什么设置 left:50% 之后还要用 margin-left 或 transform 进行微调？ 考察对定位基准和元素偏移的理解第 105 题CSS中有哪些隐藏元素的属性？display和visibility的区别是什么？ 考察CSS隐藏元素的多种实现方式及其行为差异第 106 题响应式布局里，用Flex如何实现全屏显示三个元素，窗口宽度小于500px时只显示一个元素？请具体说明。 考察Flex响应式布局的使用和媒体查询的配合第 107 题除了简历上提到的性能优化，你还能提出哪些优化的FCP（首次内容绘制）的方案？请选择其中一项具体展开。 考察前端性能优化知识的广度与深度，以及对FCP关键指标的掌握第 108 题请介绍Flex布局的基本概念，并说明其常用属性及各自的作用。 考察对Flex布局原理及常用属性的掌握程度第 109 题如果元素已居中，如何实现它从原位置平滑移动到水平垂直居中位置？有哪些实现方式？ 考察 CSS 动画与定位方案的综合运用能力第 110 题聊聊盒子是怎么渲染的，是从哪开始渲染的，顺序？ 考察CSS盒模型渲染机制与浏览器渲染顺序的理解第 111 题请描述从在浏览器地址栏输入 URL 并回车，到页面完整呈现的整个过程中涉及的关键步骤。 考察对浏览器工作原理、网络协议和页面渲染流程的整体理解第 112 题浏览器渲染过程,重绘、重排的区别。querySelector(某个元素的id)查找过程是怎么样,是DFS还是BFS 考察浏览器渲染流程、重排重绘机制及DOM查询算法的理解第 113 题为什么需要BEM规范？ 考察对CSS命名规范的理解及其在大型项目中的作用第 114 题怎么判断元素的上下左右边距？ 考察CSS盒模型及边距相关属性的理解第 115 题请实现一个两栏布局，并简单说明思路 考察两栏布局的实际实现能力与方案选择第 116 题从输入网址到浏览器渲染出页面，请描述完整过程。 考察网络协议、浏览器渲染机制及性能优化意识第 117 题如何实现0.5px的线 考察前端实现细线的技术方案与兼容性处理第 118 题display: none 和 opacity: 0 有什么区别？ 考察 CSS 隐藏元素的机制差异及其对布局、交互和性能的影响第 119 题请描述在Chrome浏览器中输入网址并按下回车后，页面从发起请求到最终呈现的完整过程，重点说明HTML的渲染流程。 考察对浏览器网络请求与HTML渲染流程的整体理解第 120 题padding-top:10%是以什么为基准的？ 考察CSS百分比padding的计算基准和布局原理