Css

本文深度剖析了 Tailwind CSS v4 的核心架构与工程实践。内容系统性地阐述了其 Utility-First 哲学，并重点解析了 v4 全新的 Rust 内核引擎 (Oxide) 的工作原理——包括其源码扫描、JIT 生成机制，以及对动态类名的处理。笔记还详述了 @theme、@apply 和 @source 等新指令的最佳实践。

本文深度剖析了现代前端构建工具 Vite 中的 CSS 工程化实践。内容系统性地阐述了在 Vite 中引入样式表的三种核心方式及其作用域差异，重点解析了 CSS Modules 实现局部作用域的机制，并详述了 Vite 对 PostCSS 和 Sass/SCSS 等 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) 的影响。