招商银行·招银网络科技面试题 · CSS
招商银行·招银网络科技相关面试题，按最终去重题目聚合。
共 2575 道真题 · 当前筛选命中 20 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 1 题实现垂直居中的方式有哪些 考察 CSS 布局基础与多种实现方案的掌握程度第 2 题实现一行三列布局，左右固定宽度、中间充满剩余空间，有哪些常用方法？ 考察常见布局技术的原理与实现能力第 3 题请解释浏览器中的W3C标准模式和怪异模式的区别，并说明在哪种情况下会触发怪异模式。 考察对浏览器渲染模式的理解及实际影响第 4 题浏览器获取到 HTML 后是如何渲染出页面的？ 考察浏览器渲染流程的理解和关键性能优化点第 5 题原生三大件（HTML、CSS、JavaScript）怎么封装一个组件？ 考察原生组件封装的思路、复用性和封装边界第 6 题animation函数如何定义动画起始和结束 考察对CSS animation关键帧定义和动画属性理解第 7 题请介绍CSS动画的实现方式，并说明它们的适用场景和性能差异。 考察CSS动画基础、实现方式选型及性能优化意识第 8 题元素居中实现方法有哪些？ 考察前端布局基础知识与常见技巧第 9 题CSS怎么让子元素水平垂直居中? 考察CSS布局基础与居中方案的选型能力第 10 题CSS中的单位有哪些？请解释rem的原理。 考察CSS单位体系的理解和rem相对单位的原理及应用第 11 题CSS中塌陷产生的原因？如何防止塌陷？ 考察CSS盒子模型与BFC清除浮动的原理与应用第 12 题请解释 CSS 中 position 属性的常用取值及其各自的定位行为。 考察 CSS 定位模型的理解与应用场景辨析第 13 题rem、em、vh、vw 的区别与应用 考察对 CSS 相对单位的理解及实际应用场景第 14 题说说对盒模型的了解 考察对CSS盒模型组成、标准与怪异模式差异的理解第 15 题请描述如何将一个红色正方形水平垂直居中地放置在绿色正方形内部正中间。 考察布局居中方法及实现细节第 16 题请介绍实现水平垂直居中的多种方法，并说明各方法的适用场景。 考察CSS布局能力与方案权衡能力第 17 题请列举并说明几种提升 CSS 性能的常见方法。 考察对 CSS 渲染性能与优化手段的理解第 18 题说说 CSS 盒模型 考察 CSS 盒模型概念、组成及 box-sizing 对布局的影响第 19 题怎么解决浏览器的兼容性问题？ 考察前端开发中对浏览器兼容性问题的识别与处理能力第 20 题使用flex布局时，如果页面中元素原先设置了display、float、position等属性，这些属性中哪些会失效？ 考察flex布局对子元素原有属性的影响