Css

本文深度剖析了 CSS 盒模型 (Box Model) 的核心机制，内容系统性地阐述了盒模型的四层结构（content, padding, border, margin）、两种尺寸计算模式（content-box vs border-box），以及块级 (block)、行内级 (inline) 和匿名 (anonymous) 盒的布局特性与数学行为。

本文深度剖析了 CSS 布局的底层机制——格式化上下文 (Formatting Context)。内容系统性地阐述了其核心原则（隔离性、可扩展性、可预测性），并详细拆解了两种基础上下文：块格式化上下文 (BFC) 和行内格式化上下文 (IFC) 的建立条件与布局规则。

本文深度剖析了 CSS position 属性的核心机制，系统性地阐述了 static, relative, absolute, fixed, sticky 五种定位模式。内容详细拆解了每种模式与文档流的关系、其包含块 (Containing Block) 的确定规则，以及对堆叠上下文 (Stacking Context) 的影响。

本文深度剖析了 CSS @font-face 规则中的 font-display 属性，旨在解决 Web 字体加载过程中的 FOIT（不可见文本闪烁）和 FOUT（无样式文本闪烁）问题。

本文深度剖析了决定 CSS 样式最终应用的核心算法——层叠 (Cascade)。内容系统性地阐述了层叠的三大法则：来源与重要性、特异性 (Specificity) 和源顺序。笔记详细拆解了特异性的四级元组计算方法，涵盖了现代伪类 :is(), :where() 的行为，并最终将其与继承 (Inheritance) 相结合。