专业服务行业面试题 · 编码实现 · CSS
专业服务行业相关面试题，按题目行业基础数据聚合。
共 27579 道真题 · 当前筛选命中 34 道 · 更新 2026-08-05
筛选题目已选：编码实现 · CSS
考察点
技术栈
第 1 题一个容器里四个小方块，贴着四个角，你怎么用Flex布局？ 考察Flex布局核心属性及空间分配的理解第 2 题CSS 如何精确选择到列表的第三个 item 考察 CSS 选择器语法与伪类选择器的使用第 3 题请解释 CSS 的盒子模型，并说明弹性布局（Flexbox）的核心概念。 考察 CSS 基础与布局能力第 4 题CSS 中怎么让长文本省略，多出的部分变为 ...？ 考察 CSS 文本溢出省略的实现方式及适用条件第 5 题如何修改图片大小以保持与外部div容器的宽高比例一致？ 考察前端布局中图片与容器比例适配的技术实现第 6 题在 CSS 弹性布局中，flex:1 的含义是什么？ 考察对 flex 简写属性及伸缩比例的理解第 7 题图片在 CSS 中常用的属性有哪些？请举例说明其用途。 考察对图片样式控制属性的掌握程度第 8 题请解释 CSS Flexbox 布局的核心概念，并说明如何实现水平和垂直居中，以及常见的对齐方式。 考察对 Flex 布局核心属性、对齐机制和实际应用的理解第 9 题请说明 Flex 布局的基本概念和常用属性，并给出一个典型的三栏布局实现。 考察对 Flex 布局核心属性及典型布局实现的理解第 10 题请举例说明在什么场景下你会使用 flex:1，并解释这样做的布局目的。 考察对 flex:1 实际应用场景的理解与经验第 11 题如何用 Flex 或 Grid 实现水平垂直居中？ 考察 Flex 与 Grid 居中实现的掌握程度第 12 题rem怎么实现多端字体大小适配？ 考察rem单位原理、动态计算与多端适配的实践能力第 13 题面试官通过共享屏幕让你打开奇安信官网，用浏览器开发者工具修改页面元素的颜色。你会如何操作并解释原理？ 考察前端调试工具使用与页面元素样式修改原理第 14 题了解过Flex布局吗？ 考察对Flexbox布局核心概念的理解和实际应用能力第 15 题请描述并实现一个延时 hover 的滑动门效果（鼠标移入后先延时再展开，移出后收起），并说明其实现思路。 考察 hover 交互的延时控制、动画实现与代码组织能力第 16 题请实现一个两栏布局：左侧固定 200px，右侧自适应剩余宽度。 考察 CSS 布局能力、浏览器兼容性与响应式理解第 17 题CSS 如何实现元素的垂直居中？ 考察 CSS 布局基础与居中方案的适用场景第 18 题如何实现一个左右两栏布局，其中右侧固定宽度、左侧自适应？ 考察 CSS 布局中定宽与自适应组合的实现能力与方案对比第 19 题请解释Flex布局的核心概念，并说明如何实现水平垂直居中。 考察对Flex布局核心属性的理解与应用能力第 20 题在 CSS 弹性布局的收缩场景中，flex-shrink 设置为 0 还是 1 时项目会缩小？请说明原因。 考察对 flex-shrink 默认行为及其与收缩的关系