排序
面试题：常见的 CSS 布局单位有哪些？
面试题：常见的 CSS 布局单位有哪些？ CSS 提供了丰富的长度和布局单位，用于控制元素的尺寸、间距、字体等。根据使用场景，这些单位可分为 绝对单位 和 相对单位 两大类。掌握它们的特性有助于...
9个月前面试题：怎么实现网页两栏布局？
两栏布局是前端开发中最基础且常见的布局模式，通常分为两种形式： 一栏固定，一栏自适应 两栏等宽或按比例分配 以下是 多种实现方式，从传统到现代，全面覆盖，适合在面试中展示技术深度。 一...
9个月前面试题：CSS 怎么实现单行、多行文本溢出隐藏？
在实际开发中，经常需要对超出容器宽度或高度的文本进行“溢出隐藏 + 省略号”处理，以保证 UI 的整洁性。CSS 提供了标准的属性组合来实现这一效果。 一、实现原理 核心思路是： 强制不换行（wh...
9个月前面试题：说说你对 line-height 的理解及其赋值方式
line-height 是 CSS 中用于设置行高（即文本行之间的空间）的属性。它对文本的可读性和布局有着重要影响。下面从几个方面来详细解释 line-height 及其赋值方式。 理解 line-height 定义与作用：...
9个月前面试题：CSS display 属性值 block、inline 和 inline-block 的区别
这是一个非常基础且重要的 CSS 面试题，考察对盒模型和元素布局行为的理解。 核心区别总结 这三种 display 值决定了元素在页面流中的布局行为，主要体现在以下几个方面： 是否独占一行 能否设置...
9个月前面试题：使用 link 和 @import 引用 CSS 的区别
在 HTML 中引入外部 CSS 样式表有两种主要方式：使用 <link> 标签和在 CSS 文件中使用 @import 规则。虽然它们都能加载样式，但在性能、兼容性、功能和使用场景上存在显著差异。 一、核心...
9个月前面试题：为什么有时候用 translate 来改变位置而不是定位？
这是一个关于 CSS 性能优化和渲染机制 的核心问题。使用 transform: translate() 而不是传统的 position（如 top/left）来改变元素位置，主要是出于性能和渲染效率的考虑。 下面详细解释原因： ...
9个月前面试题：说说你对 CSS Sprites 的理解
说说你对 CSS Sprites 的理解 CSS Sprites（CSS 雪碧图、CSS 精灵图）是一种将多个小图片合并成一张大图，然后通过 CSS 的 background-image、background-position 等属性来显示其中特定部分的...
9个月前面试题：CSS 预处理器 / 后处理器是什么？为什么要使用它们？
这是一个很好的前端工程化问题。下面是对 CSS 预处理器和后处理器的详细解释： 1. CSS 预处理器 (CSS Preprocessor) 是什么？CSS 预处理器是一种扩展 CSS 语法的工具，它允许你使用更强大、更灵...
9个月前面试题：如何用 CSS 实现一个扇形？
这是一个非常有挑战性的 CSS 面试题，考察对 CSS 形状、变换和布局的深入理解。实现一个扇形通常需要结合 border-radius、clip-path 或 transform 等技术。 核心思路 扇形是圆的一部分，由一个...
9个月前
