专业服务行业面试题 · 技术原理 · CSS
专业服务行业相关面试题，按题目行业基础数据聚合。
共 27579 道真题 · 当前筛选命中 207 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 81 题回流（重排）与重绘的区别及性能影响是什么？ 考察浏览器渲染机制的理解及性能优化意识第 82 题请列出 CSS 中实现元素垂直居中的几种方式，并简要说明其适用场景。 考察 CSS 布局基础与多种垂直居中方案的理解和应用第 83 题flex 与 grid 的区别与适用场景是什么？ 考察对两种 CSS 布局模型特性的理解与选型能力第 84 题请实现一个两栏布局：左侧固定 200px，右侧自适应剩余宽度。 考察 CSS 布局能力、浏览器兼容性与响应式理解第 85 题元素水平垂直居中都有哪些方法？ 考察CSS常见布局居中方案的掌握和适用场景区分第 86 题定位有几种，分别是否脱离文档流，各自有什么作用？ 考察对 CSS 定位机制及文档流的理解第 87 题JS和CSS这两种语言编写动画性能和效果的区别? 考察对JS与CSS动画性能特性、适用场景和效果差异的理解第 88 题请解释HTML中常用的尺寸单位，以及rem和em的区别。 考察CSS尺寸单位的理解及rem与em的差异和应用场景第 89 题请解释 flex: 1 的含义和作用。 考察对 flex 缩写属性及其子项值的理解第 90 题link和@import的区别 考察对CSS引入方式差异的理解第 91 题讲讲如何适配不同分辨率的设备？有哪几种解决方案？ 考察前端响应式适配的思路、方案选型与取舍第 92 题请介绍水平垂直居中的常用实现方案。 考察CSS布局基础与多方案权衡能力第 93 题border-box 的作用是什么？在什么场景下推荐使用？ 考察对 border-box 实际应用价值的理解第 94 题如何使用 CSS 的 hover 伪类控制两个元素的样式变化？ 考察 CSS 选择器与伪类对多个元素联动控制的能力第 95 题请说明 CSS Flexbox 在实现响应式布局和垂直居中时的常用方法与注意事项。 考察 Flexbox 布局基础、响应式设计意识及常见布局实现能力第 96 题animation和transition使用场景 考察CSS动画中animation与transition的适用场景及区别第 97 题行内元素的宽度是由什么决定的？ 考察对 CSS 行内盒模型与宽度计算规则的理解第 98 题Flex有哪些用法？ 考察对 Flex 布局核心概念与应用场景的掌握程度第 99 题请列举并比较实现 CSS 垂直居中的几种常见方式。 考察 CSS 布局基础、居中实现方式及适用场景第 100 题请解释响应式布局中 vh、vw 与 rem 的区别及各自适用场景。 考察对响应式布局单位的理解及其适用场景