排序
面试题：预处理器如 scss 和 less，与 CSS 有什么区别？
这是一个考察对现代前端开发工具理解的面试题。SCSS (Sass) 和 LESS 是 CSS 预处理器，它们扩展了 CSS 的功能，提供了更强大、更高效的编写方式，但最终都需要“编译”成普通的 CSS 文件才能被...
2个月前面试题：什么是物理像素，逻辑像素和像素密度？为什么在移动端开发时需要用到 @3x, @2x 这种图片？
这是一个关于前端响应式设计和高分辨率屏幕适配的核心问题。下面详细解释这些概念及其在移动端开发中的应用。 一、核心概念解析 1. 物理像素 (Physical Pixels) 定义：物理像素是显示屏上真实存...
2个月前面试题：怎么实现元素的水平垂直居中？
元素的水平垂直居中是前端开发中最常见的布局需求之一。根据元素类型（块级、行内、未知尺寸、绝对定位等）和使用的技术，有多种实现方式。以下是 全面、清晰、结构化 的回答，适合在面试中展示...
2个月前面试题：CSS 的 flex 布局有什么好处?
这是一个非常经典且重要的 CSS 面试题，考察对现代布局技术的理解。Flexbox（弹性盒子布局）是 CSS3 中引入的强大布局模型，它极大地简化了复杂布局的实现。 核心好处总结 Flexbox 的主要优势在...
2个月前面试题：如何检测 CSS 动画的 FPS 值？
这是一个非常深入且专业的前端性能面试题，考察对浏览器渲染机制、性能分析工具和动画优化的理解。 核心要点：FPS（Frames Per Second，每秒帧数）是衡量动画流畅度的关键指标。 理想的动画 FPS...
2个月前面试题：CSS 伪元素和伪类的作用和区别？
这是一个经典的 CSS 面试题，理解伪元素和伪类的区别对于掌握 CSS 选择器至关重要。 核心区别总结 伪类 (Pseudo-classes)：用于描述一个元素的特定状态或位置。它选择的是已存在的元素，但处于...
2个月前面试题：说说 px、em、rem 的区别及使用场景
面试题：说说 px、em、rem 的区别及使用场景 px、em、rem 是 CSS 中常用的长度单位，它们在参考基准、继承行为和响应式能力上有显著区别。理解它们的差异对于构建可维护、可访问、响应式的网页...
2个月前面试题：常见的 CSS 布局单位有哪些？
面试题：常见的 CSS 布局单位有哪些？ CSS 提供了丰富的长度和布局单位，用于控制元素的尺寸、间距、字体等。根据使用场景，这些单位可分为 绝对单位 和 相对单位 两大类。掌握它们的特性有助于...
2个月前面试题：说说你对 line-height 的理解及其赋值方式
line-height 是 CSS 中用于设置行高（即文本行之间的空间）的属性。它对文本的可读性和布局有着重要影响。下面从几个方面来详细解释 line-height 及其赋值方式。 理解 line-height 定义与作用：...
2个月前面试题：如何用 CSS 实现一个扇形？
这是一个非常有挑战性的 CSS 面试题，考察对 CSS 形状、变换和布局的深入理解。实现一个扇形通常需要结合 border-radius、clip-path 或 transform 等技术。 核心思路 扇形是圆的一部分，由一个...
2个月前
