滴滴面试题 · CSS

滴滴相关面试题,按最终去重题目聚合。

2131 道真题 · 当前筛选命中 25 · 更新 2026-08-05

筛选题目已选:CSS
第 1 题CSS哪些属性可以继承? 考察对CSS属性继承机制的掌握程度技术原理CSS第 2 题CSS Flex的主轴和交叉轴,怎么用Flex实现滴滴订单列表“信息左对齐、金额右对齐”,写关键CSS。 考察Flex主轴交叉轴的基本概念与对齐属性的实际应用编码实现性能优化技术原理CSS第 3 题CSS有哪些选择器,优先级如何比较? 考察CSS选择器类型及优先级计算规则技术原理CSS第 4 题CSS 中实现垂直居中都有哪些方法? 考察 CSS 基础布局能力、方案记忆完整性和适用场景权衡技术原理方案权衡CSS第 5 题请列举并说明几种实现CSS垂直居中的方法,并讨论其适用场景。 考察CSS布局基本功与不同垂直居中方案的适用性分析问题拆解技术原理技术选型CSS第 6 题CSS中实现元素垂直水平居中的方式有哪些?请手写实现。 考察CSS布局基础与多种居中方案的掌握程度编码实现技术原理CSS第 7 题flex=1是哪些属性的简写? 考察CSS flex布局中flex简写属性的基础知识掌握程度技术原理CSS第 8 题CSS的position都有哪些取值? 考察CSS定位方式的理解与适用场景技术原理CSS第 9 题水平垂直居中:给定一个可能不定宽、不定高的 div,实现它在屏幕上水平垂直居中有哪几种方式? 考察 CSS 布局基础与对常见居中方案及其适用边界的掌握编码实现技术原理CSS第 10 题宽高不定的div如何定位在屏幕中间,宽高为0能用Flex实现吗 考察CSS居中布局、Flexbox特性的理解及边界情况处理编码实现问题拆解技术原理CSS第 11 题请解释CSS选择器的权重是如何计算的,并举例说明。 考察CSS层叠机制中选择器优先级的核心规则与计算能力技术原理CSS第 12 题你了解哪些 CSS 布局方式?请重点说明 Flex 布局的原理和常见使用场景。 考察对 CSS 布局体系的理解以及 Flex 布局的掌握程度问题拆解技术原理CSS第 13 题JavaScript 和 CSS 文件是否适合放入 CDN?请说明理由和注意事项。 考察静态资源是否适宜 CDN 以及缓存与版本管理性能优化风险判断技术原理CSSJavaScript第 14 题CSS如果放在内容区下面会有什么问题? 考察CSS加载顺序与渲染阻塞对页面展示的影响性能优化技术原理CSS第 15 题请介绍什么是 BFC(块级格式化上下文),它有哪些常见应用场景? 考察对 BFC 概念、触发条件及应用场景的掌握技术原理CSS第 16 题伪类和伪元素有什么区别? 考察对CSS选择器概念的理解与区分能力技术原理CSS第 17 题讲讲CSS盒模型 考察CSS盒模型的基本组成、box-sizing对布局的影响以及IE与标准模式差异技术原理方案权衡CSS第 18 题从在浏览器地址栏输入 URL 并按下回车,到页面完整渲染出来,这中间发生了什么?请展开说明渲染的具体过程。 考察网络请求全链路与浏览器渲染机制的完整理解性能优化问题拆解技术原理CSSDNSHTML第 19 题Flex 布局的常用属性有哪些?请分别说明作用于容器和项目上的属性。 考察对 Flex 布局核心属性及作用域的理解技术原理CSS第 20 题代码在各个浏览器上因 API 兼容性可能不同,你了解哪些前端兼容方案? 考察对浏览器兼容性问题及常见解决方案的掌握程度技术原理方案权衡CSSJavaScript