https://plumephp.com/tags/%E8%AE%BE%E8%AE%A1%E7%B3%BB%E7%BB%9F/Recent content in 设计系统 on PlumePHPHugozh-CNSun, 27 Sep 2026 12:30:00 +0800https://plumephp.com/frontend-css-architecture/Sun, 27 Sep 2026 12:30:00 +0800https://plumephp.com/frontend-css-architecture/<h2 id="引言">引言</h2> <p>CSS 的工程化是前端领域最&quot;百花齐放&quot;也最&quot;众说纷纭&quot;的部分：BEM 方法论、CSS Modules、CSS-in-JS、Tailwind 的 utility-first，以及容器查询等原生新特性，各有拥趸也各有取舍。本文梳理 CSS 的演进脉络，逐层对比主流样式方案的适用场景，并给出可落地的选型决策与团队规范建议。文中涉及 Tailwind CSS 的 <code>tailwind.config.js</code>、vanilla-extract 的类型安全、容器查询 <code>@container</code>、子网格 <code>subgrid</code> 等均为真实 API 与真实 CSS 特性。</p>