携程面试题 · CSS
携程相关面试题，按最终去重题目聚合。
共 2142 道真题 · 当前筛选命中 27 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 1 题请解释 CSS 样式的优先级规则，并说明在开发中如何正确使用。 考察 CSS 选择器优先级的理解与应用第 2 题有一张 500×500 的图片需要展示在 200×200 的容器中，你会如何缩小图片？ 考察图片处理技术选型与性能优化意识第 3 题不定宽高的 div 元素如何实现水平垂直居中？ 考察 CSS 布局方法与浏览器兼容性意识第 4 题请列举 CSS 中 display 属性的常见取值，并分别说明它们的布局行为。 考察对 CSS 布局基础属性 display 的掌握程度第 5 题CSS盒子模型是什么？ 考察CSS盒模型基础概念与理解第 6 题flex布局实现九宫格，用哪些属性？ 考察 Flexbox 布局基础、主轴交叉轴理解与子项尺寸控制第 7 题实现不停旋转的loading动画要怎么实现？ 考察CSS动画基础知识与实现能力第 8 题页面从输入URL到渲染到页面发生了什么？ 考察对浏览器网络请求、解析渲染全流程的掌握程度第 9 题如何利用元素的 border 属性和 border-radius 绘制一个向下 45 度的扇形？ 考察 CSS 盒模型、border 和 border-radius 对形状绘制的理解第 10 题请解释 CSS 中伪类（pseudo-class）和伪元素（pseudo-element）的区别，并分别举例说明其典型用途。 考察对 CSS 选择器核心概念的理解与区分能力第 11 题请解释 CSS Flexbox 中 flex、justify-content 和 align-items 三个属性的区别。 考察对 Flexbox 核心布局属性的理解与区分第 12 题CSS 动画中，将一个元素从 100px 放大到 200px，有哪些性能优化方法？ 考察 CSS 动画性能优化及对合成器、重排重绘原理的理解第 13 题页面居中有哪些方法？ 考察CSS水平垂直居中的常用技术方案及适用场景第 14 题请列举CSS中常见的布局方式，并说明各自适用的场景。 考察CSS布局知识的广度与实际选型能力第 15 题如何实现垂直水平居中？ 考察CSS布局基础与多种实现方案的掌握第 16 题CSS 如何锁定元素的宽高比？ 考察 CSS 实现固定宽高比的核心方法与适用场景第 17 题在项目开发中，你是如何选择使用 Flexbox 还是 Grid 进行页面布局的？请结合具体场景说明。 考察布局技术选型与场景匹配能力第 18 题如何实现圣杯布局？ 考察 CSS 经典布局的实现原理与兼容性理解第 19 题请介绍Flex布局中常用的容器属性和项目属性，并说明各自的用途。 考察对Flex布局核心属性的掌握与理解第 20 题CSS选择器有哪些，及其优先级排序？ 考察CSS选择器种类与优先级计算规则