前端/移动开发面试题 · 编码实现 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 217 道 · 更新 2026-08-05
筛选题目已选：编码实现 · CSS
考察点
技术栈
第 141 题水平居中和垂直居中的实现有哪些？请分别考虑行内元素和块级元素的不同。 考察CSS定位与居中技巧的掌握及对不同元素类型的区分第 142 题CSS 如何精确选择到列表的第三个 item 考察 CSS 选择器语法与伪类选择器的使用第 143 题在 CSS 弹性布局中，flex:1 的含义是什么？ 考察对 flex 简写属性及伸缩比例的理解第 144 题如何用 HTML/CSS/JavaScript 实现页面水印效果？ 考察前端 DOM 操作、样式方案与性能优化能力第 145 题请分别用浮动布局和 Flex 布局实现三栏布局，并说明各方案的适用场景。 考察经典三栏布局的实现方式与布局方案选型能力第 146 题谈谈对CSS Flex布局的理解，order属性是干什么的？ 考察对Flex布局核心机制的理解及order属性的掌握第 147 题请使用两种不同的布局方式实现一个三层嵌套的 div 在页面中水平垂直居中，并说明各自原理。 考察 CSS 布局实现与原理理解第 148 题如何实现五宫格布局：第一行三个、第二行两个，要求每行都两端对齐，且第一行中间间距固定为 20px？ 考察 CSS 多行不规则网格布局的实现与对齐处理第 149 题两个栏，左边宽度200px，右边自适应怎么实现？ 考察 CSS 经典两栏布局的多种实现与原理第 150 题实现双栏布局，左边固定，右边自适应的方法有哪些？ 考察CSS布局方案的理解与实现能力第 151 题在一个列表中，如何通过样式为每两条元素设置一个边框？ 考察CSS选择器的运用与列表样式实现能力第 152 题CSS flex 布局中常用的属性有哪些？分别说明其作用。 考察对 flex 容器和 flex 项目核心属性的掌握第 153 题请解释Flex布局的核心概念，并说明如何实现水平垂直居中。 考察对Flex布局核心属性的理解与应用能力第 154 题用 CSS 怎么画一个等腰直角三角形？原理是什么？ 考察 CSS 盒模型、边框渲染与几何理解第 155 题用 CSS 实现鼠标悬停按钮时逐渐变大的动画。 考察 CSS 过渡与变换的配合使用及动画实现能力第 156 题请用 CSS 实现一个等腰直角三角形的图形。 考察 CSS 基础图形绘制能力与边界技巧第 157 题如何使用 CSS 动画实现元素从一个位置移动到另一个位置？ 考察 CSS 动画实现元素位移的核心方法与关键属性第 158 题如何用 Flex 或 Grid 实现水平垂直居中？ 考察 Flex 与 Grid 居中实现的掌握程度第 159 题了解过Flex布局吗？ 考察对Flexbox布局核心概念的理解和实际应用能力第 160 题在 CSS 弹性布局的收缩场景中，flex-shrink 设置为 0 还是 1 时项目会缩小？请说明原因。 考察对 flex-shrink 默认行为及其与收缩的关系