排序
面试题：CSS 中 flex: 1 是什么意思？
在 CSS 中，flex 属性是用于 Flexbox 布局模型中的一个简写属性，它能够定义 flex 项目的扩展能力、收缩能力和基础大小。 flex: 1 这种写法实际上是一个简写形式，默认情况下它是 flex: 1 1 0 ...
6个月前面试题：怎么实现网页两栏布局？
两栏布局是前端开发中最基础且常见的布局模式，通常分为两种形式： 一栏固定，一栏自适应 两栏等宽或按比例分配 以下是 多种实现方式，从传统到现代，全面覆盖，适合在面试中展示技术深度。 一...
6个月前面试题：CSS 怎么实现单行、多行文本溢出隐藏？
在实际开发中，经常需要对超出容器宽度或高度的文本进行“溢出隐藏 + 省略号”处理，以保证 UI 的整洁性。CSS 提供了标准的属性组合来实现这一效果。 一、实现原理 核心思路是： 强制不换行（wh...
6个月前面试题：说说你对 line-height 的理解及其赋值方式
line-height 是 CSS 中用于设置行高（即文本行之间的空间）的属性。它对文本的可读性和布局有着重要影响。下面从几个方面来详细解释 line-height 及其赋值方式。 理解 line-height 定义与作用：...
6个月前面试题：如何用 CSS 实现一个扇形？
这是一个非常有挑战性的 CSS 面试题，考察对 CSS 形状、变换和布局的深入理解。实现一个扇形通常需要结合 border-radius、clip-path 或 transform 等技术。 核心思路 扇形是圆的一部分，由一个...
6个月前面试题：使用 link 和 @import 引用 CSS 的区别
在 HTML 中引入外部 CSS 样式表有两种主要方式：使用 <link> 标签和在 CSS 文件中使用 @import 规则。虽然它们都能加载样式，但在性能、兼容性、功能和使用场景上存在显著差异。 一、核心...
6个月前面试题：说说 CSS 中 position: absolute 与 fixed 的共同点和区别
这是一个考察 CSS 定位机制核心知识的经典面试题。理解 absolute 和 fixed 的异同，是掌握页面布局的关键。 共同点 脱离文档流 (Removed from Normal Flow)： 两者都会使元素完全脱离正常的文档...
6个月前面试题：为什么有时候用 translate 来改变位置而不是定位？
这是一个关于 CSS 性能优化和渲染机制 的核心问题。使用 transform: translate() 而不是传统的 position（如 top/left）来改变元素位置，主要是出于性能和渲染效率的考虑。 下面详细解释原因： ...
6个月前面试题：CSS 预处理器 / 后处理器是什么？为什么要使用它们？
这是一个很好的前端工程化问题。下面是对 CSS 预处理器和后处理器的详细解释： 1. CSS 预处理器 (CSS Preprocessor) 是什么？CSS 预处理器是一种扩展 CSS 语法的工具，它允许你使用更强大、更灵...
6个月前面试题：说说你对 BFC 的理解，如何创建 BFC？
你对 BFC 的理解，以及如何创建 BFC？ BFC（Block Formatting Context），即 块级格式化上下文，是 CSS 渲染中一个重要的概念。它是页面中的一块独立的渲染区域，规定了内部块级元素如何布局，...
6个月前
