面试题：CSS 预处理器 / 后处理器是什么？为什么要使用它们？
这是一个很好的前端工程化问题。下面是对 CSS 预处理器和后处理器的详细解释： 1. CSS 预处理器 (CSS Preprocessor) 是什么？CSS 预处理器是一种扩展 CSS 语法的工具，它允许你使用更强大、更灵...
面试题：CSS 优化和提高性能的方法有哪些？
这是一个非常经典的前端性能优化问题。CSS 虽然看似简单，但不当的写法会严重影响页面渲染性能。以下是一些关键的 CSS 优化和性能提升方法，按类别进行组织： 一、选择器优化 避免使用通配符和...
面试题：说说你对 line-height 的理解及其赋值方式
line-height 是 CSS 中用于设置行高（即文本行之间的空间）的属性。它对文本的可读性和布局有着重要影响。下面从几个方面来详细解释 line-height 及其赋值方式。 理解 line-height 定义与作用：...
面试题：什么是物理像素，逻辑像素和像素密度？为什么在移动端开发时需要用到 @3x, @2x 这种图片？
这是一个关于前端响应式设计和高分辨率屏幕适配的核心问题。下面详细解释这些概念及其在移动端开发中的应用。 一、核心概念解析 1. 物理像素 (Physical Pixels) 定义：物理像素是显示屏上真实存...
面试题：说说你对 CSS Sprites 的理解
说说你对 CSS Sprites 的理解 CSS Sprites（CSS 雪碧图、CSS 精灵图）是一种将多个小图片合并成一张大图，然后通过 CSS 的 background-image、background-position 等属性来显示其中特定部分的...
面试题：什么是替换元素？说说其概念及计算规则
什么是替换元素？ 在 CSS 中，替换元素（Replaced Element） 是指其内容的外观和尺寸不由 CSS 直接控制，而是由外部资源或浏览器默认行为决定的 HTML 元素。 简单来说，替换元素的“内容”是“...
面试题：CSS3 中有哪些新特性？
CSS3 是 CSS 技术的一次重大升级，它将 CSS 拆分为多个独立的模块，逐步推进，引入了大量新特性，极大地增强了网页的视觉表现力和布局能力。以下是 CSS3 中一些最重要的新特性，按类别进行归纳...
面试题：为什么 li 与 li 元素之间有看不见的空白间隔？如何解决？
这是一个非常经典且在实际开发中频繁遇到的 HTML/CSS 问题。这个问题的本质是HTML 中的空白字符（whitespace）在特定布局模式下被渲染成了可视的空白。 一、问题原因 <li> 元素之间出现看...
面试题：为什么有时候用 translate 来改变位置而不是定位？
这是一个关于 CSS 性能优化和渲染机制 的核心问题。使用 transform: translate() 而不是传统的 position（如 top/left）来改变元素位置，主要是出于性能和渲染效率的考虑。 下面详细解释原因： ...
面试题：说说你对盒模型的理解
说说你对盒模型的理解 盒模型（Box Model） 是 CSS 布局的核心概念，它定义了每个 HTML 元素在页面上所占据的空间结构。理解盒模型是掌握网页布局的基础。 一、盒模型的组成 每一个元素都被视为...
