小红书面试题 · CSS
小红书相关面试题，按最终去重题目聚合。
共 2200 道真题 · 当前筛选命中 21 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 1 题请说说如何实现渐变阴影效果？ 考察渐变阴影的实现思路与CSS技术掌握第 2 题现在想实现淡入淡出的效果，怎么实现？ 考察CSS过渡和动画的基础实现能力第 3 题实现元素垂直居中都有哪些常用方法？ 考察CSS布局基础与不同场景下的方案选择第 4 题讲讲如何适配不同分辨率的设备？有哪几种解决方案？ 考察前端响应式适配的思路、方案选型与取舍第 5 题如何实现一个左右两栏布局，其中右侧固定宽度、左侧自适应？ 考察 CSS 布局中定宽与自适应组合的实现能力与方案对比第 6 题怎么对图片进行旋转45度？ 考察CSS transform属性及rotate函数的使用第 7 题请解释HTML中常用的尺寸单位，以及rem和em的区别。 考察CSS尺寸单位的理解及rem与em的差异和应用场景第 8 题如何实现图片在不同尺寸的容器中始终保持 2:1 的宽高比？ 考察 CSS 布局技巧与自适应尺寸处理能力第 9 题如何为组件库实现深色模式？ 考察组件库主题体系设计和深色模式实现方案第 10 题CSS 加载为什么会阻塞HTML 的解析? 考察对浏览器渲染机制和阻塞行为的理解第 11 题请谈谈高斯模糊效果的实现原理和方法。 考察高斯模糊的数学原理与前端实现方式第 12 题如何实现五宫格布局：第一行三个、第二行两个，要求每行都两端对齐，且第一行中间间距固定为 20px？ 考察 CSS 多行不规则网格布局的实现与对齐处理第 13 题请介绍如何实现一个Web页面的整体布局，包括常见的布局方式和实现要点。 考察对页面布局技术的理解与选择能力第 14 题垂直居中怎么布局？ 考察CSS布局基础与多种居中方案的理解第 15 题如何设计主题色的切换机制，并减少用户配置负担？ 考察主题定制能力与默认配置策略第 16 题行内文本如何实现垂直居中？ 考察行高与父容器高度关系的理解第 17 题在绝对定位水平居中时，为什么设置 left:50% 之后还要用 margin-left 或 transform 进行微调？ 考察对定位基准和元素偏移的理解第 18 题如果元素已居中，如何实现它从原位置平滑移动到水平垂直居中位置？有哪些实现方式？ 考察 CSS 动画与定位方案的综合运用能力第 19 题水平居中盒子怎么布局 考察CSS水平居中布局的多种实现方式及适用场景第 20 题请讲讲 CSS 的 transform 属性，包括它的常见用途和实现原理。 考察对 CSS transform 属性的理解、常见用法及底层渲染机制