顺丰集团面试题 · CSS
顺丰集团相关面试题，按最终去重题目聚合。
共 2084 道真题 · 当前筛选命中 24 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 1 题请描述浏览器从接收HTML到页面显示的完整渲染过程。 考察对浏览器渲染管线、关键节点及优化点的理解第 2 题图片的加载是同步还是异步？加载失败或未完成时，是否会影响页面布局（重排）？请分情况说明。 考察对图片加载机制与布局影响的理解，以及分场景分析能力第 3 题谈谈对CSS的理解，以及在学CSS过程中有没有遇到过有意思的事情。 考察CSS基础认知、学习体验与持续学习能力第 4 题请介绍 CSS 中的数据类型，并举例说明其在实际样式编写中的应用。 考察对 CSS 数据类型的理解及实际应用能力第 5 题CSS盒子模型是什么？ 考察CSS盒模型基础概念与理解第 6 题如果我在页面中设置一个div为display:hidden,会发生什么? 考察对CSS display属性隐藏元素行为的理解第 7 题CSS如何实现垂直居中？ 考察CSS布局基础和多种方案的选择能力第 8 题请解释CSS中content-box和border-box两种盒子模型的主要区别，并说明各自适用的场景。 考察CSS盒模型的理解深度及实际应用中的选型意识第 9 题请说说盒模型相关知识 考察CSS盒模型的基本概念、组成、尺寸计算及box-sizing的影响第 10 题请描述从输入 URL 到页面渲染完成的完整过程。 考察浏览器网络请求、解析与渲染的整体流程理解第 11 题如何实现元素垂直居中 考察 CSS 布局基础知识与多种实现方案的掌握第 12 题如何实现两边固定、中间自适应的经典三栏布局？ 考察经典CSS布局的掌握程度与实现方案对比第 13 题怎么实现footer在内容少的时候在内容盒子下面，内容多的时候定在页面底端？ 考察前端布局中footer自动适配内容高度与视口高度的方案第 14 题谈谈你对Flex的认识 考察对CSS Flexible Box布局模型的概念理解与应用能力第 15 题请解释白屏现象和 FOUC（无样式内容闪烁）分别是什么，并分析为什么现在 FOUC 现象已经很少见。 考察前端渲染机制、样式加载时机及现代实践对 FOUC 的消除作用第 16 题请列举并说明 Flex 布局中常用的容器属性和子项属性。 考察对 Flex 布局核心属性的掌握程度及其实际作用第 17 题BEM的缺点? 考察对BEM命名方法论局限性的理解第 18 题请描述从用户在浏览器输入网址到页面完成渲染的完整过程，并说明其中涉及的关键环节。 考察对浏览器网络与渲染主流程的掌握及系统性表述能力第 19 题px、em、rem水平垂直居中怎么实现（多说几种）？ 考察CSS单位理解及多种居中方案的掌握第 20 题讲讲浏览器渲染的过程 考察对浏览器渲染原理的理解与表达清晰度