CSS

CSS Subgrid

CSS subgrid 布局技术，用于让嵌套网格继承父网格轨道定义

L1: CSS subgrid 允许嵌套网格继承父网格的轨道定义。在 CMS 内容布局中，可将 <main> 设为五列网格（ auto 边距 + 30px 间距 + min(45rem, 100% - 60px) 主内容区），然后给需要全宽的块设置 grid-template-columns: subgrid 并跨越外层轨道，使其背景延伸至视口边缘，而内部子元素仍通过 grid-column: main 保持与正文对齐。
L1: 这种模式只需一个 class 即可实现 breakout 效果，且支持无限层级嵌套；若改为 grid-column: margin 则可实现"boxed"样式（背景仅延伸至边距区域）。
L2: 有分析指出，相比传统的负边距或额外包装器方案，subgrid 能保持 HTML 结构干净，特别适合 WordPress 等 CMS 输出的大块 HTML 内容。

发布于2026年4月13日

更新于2026年6月27日

CSS Sprite 动画

使用 CSS object-fit 和 object-position 实现高性能 Sprite 动画的技术方案

Tailwind CSS

Tailwind CSS 是一个 utility-first 的 CSS 框架，提供大量小而可组合的类名，用于在标记层面直接控制样式。它关注可定制性（`theme`）、按需构建（content 扫描）与插件生态。