排序
面试题：CSS 优化和提高性能的方法有哪些？
这是一个非常经典的前端性能优化问题。CSS 虽然看似简单，但不当的写法会严重影响页面渲染性能。以下是一些关键的 CSS 优化和性能提升方法，按类别进行组织： 一、选择器优化 避免使用通配符和...
2个月前面试题：如何给网页设置小于 12px 的字体？
这是一个关于浏览器限制和现代 CSS 特性的面试题。传统上，浏览器（特别是早期的 WebKit 内核）会对字体大小设置下限（通常为 12px），但现代解决方案已经非常成熟。 核心答案 在现代浏览器中，...
2个月前面试题：说说你对 CSS 工程化的理解
CSS 工程化是指将 软件工程的思想和方法 应用于 CSS 开发中，以解决传统 CSS 开发中存在的维护困难、命名冲突、复用性差、性能问题和团队协作障碍等痛点。 其核心目标是提升 CSS 代码的 可维护...
2个月前面试题：说说你对 sticky 定位的理解
position: sticky 是 CSS 中一种非常实用的定位方式，结合了 relative 和 fixed 定位的特点。 它允许元素在滚动到特定阈值之前表现得像相对定位（relative），一旦达到该阈值，则表现得像固定定...
2个月前面试题：如果在伪元素中不写 content 会发生什么？
这是一个考察对 CSS 伪元素 (::before 和 ::after) 基础规则理解的面试题。 核心答案 如果在 ::before 或 ::after 伪元素中不写 content 属性，或者将 content 设置为 none，那么该伪元素将： ...
2个月前面试题：CSS 的 position 有哪些属性值，区别是什么？
position 是 CSS 中控制元素定位的核心属性，它决定了元素如何在页面中放置。共有 5 个标准属性值，每个都有独特的定位行为。 1. static (默认值) 行为： 元素按照正常的文档流（Normal Documen...
2个月前面试题：CSS 中是否存在父选择器？其背后的原因是什么？
这是一个非常深入且经典的 CSS 面试题，触及了 CSS 选择器的核心设计原理。 核心答案 在标准的、广泛支持的 CSS 中，不存在真正的“父选择器”或“祖先选择器”。 你不能直接通过一个子元素的存...
2个月前面试题：什么是 1px 问题？如何解决 1px 问题？
这是一个经典的移动端 Web 开发面试题，涉及到物理像素、CSS 像素和设备像素比（DPR）的概念。 一、什么是 1px 问题？ 1px 问题是指在高分辨率的移动设备（如 Retina 屏幕）上，使用 CSS 设置 b...
2个月前面试题：z-index 属性在什么情况下会失效？
z-index 是 CSS 中用于控制元素堆叠顺序（stacking order）的重要属性，数值越大，元素越“靠前”。但 z-index 并非在所有情况下都生效。以下是 z-index 失效的常见场景及其原理，适合在面试中...
2个月前面试题：如何用 CSS 实现一个三角形？
这是一个非常经典的 CSS 面试题，考察对 CSS 盒模型和 border 属性的深入理解。 核心原理 实现三角形的关键在于理解 CSS border 的渲染机制： 当一个元素的 width 和 height 都为 0 时，它的四...
2个月前
