CSS @property：注册自定义属性与过渡
使用 @property 注册可动画的自定义属性，提供类型、继承与初始值定义，使属性参与插值与过渡，并给出兼容与降级建议。
编程开发
CSS @scope 选择器：样式作用域与冲突隔离
解释 @scope 的作用域语法与优先级规则，将样式限定到特定根元素或容器，避免全局规则泄漏与冲突。
CSS @scope：作用域样式与冲突隔离
介绍 CSS `@scope` 的语法与作用域边界，避免全局选择器污染，实现组件级样式隔离与更可控的层叠，提供示例与兼容策略。
CSS @scope：样式作用域与层次控制
使用 @scope 为样式定义作用域与边界，减少全局污染与选择器竞争，适配组件化开发并提供兼容降级方案。
CSS @supports 特性查询：渐进增强与回退策略
解释 CSS 特性查询（@supports）的语法与用法，在新特性启用与旧环境回退中的工程实践与性能注意，并附权威参考。
CSS @supports：特性查询与渐进增强
使用 @supports 进行特性存在性查询，选择性启用新能力并提供回退，实现渐进增强与稳定兼容。
CSS Anchor Positioning：原生锚点定位与弹层布局
介绍 Anchor Positioning 的语法与能力，使用 anchor() 与锚点选择器实现复杂弹层定位与自适应布局，减少 JS 计算与回流。
CSS Anchor Positioning：锚点定位与弹层对齐实践
使用 CSS Anchor Positioning 为弹层与提示相对触发元素定位，减少 JS 参与并提升鲁棒性，含命名与尝试位置示例。
CSS Cascade Layers：@layer 样式层级治理
使用 @layer 将样式分层并明确级联顺序，提升可维护性与覆盖控制，适配组件化与多来源样式协作。
CSS Container Queries 与响应式组件治理（2025）
# CSS Container Queries 与响应式组件治理（2025）## 一、原理与能力- Container Queries：根据容器尺寸/样式查询应用不同规则（容器尺寸）。- 对比：区别于媒体查询的视口维度；更适合组件化布局（响应式组件）。## 二、实现与策略- 声明容器：使用 `container-type`/`container-name` 定义查询容器。- 查询规
CSS Grid auto-fit 与 auto-fill：minmax 响应式网格
使用 `repeat(auto-fit/auto-fill, minmax())` 构建弹性网格，自动填充可用空间并保持项的最小/最大尺寸，提升响应式表现。
CSS Grid 自动放置与 dense 模式：布局策略与性能
介绍 Grid 的自动放置规则与 `grid-auto-flow: row|column|dense`，在不完整网格中进行回填与布局优化，说明适用场景与性能注意事项，并提供示例与兼容建议。
CSS Highlight API：自定义高亮与选择协作
介绍 Highlight API 的 `CSS.highlights` 与自定义命名高亮，统一多个 Range 的样式显示，适用于搜索匹配与批量标注，提供示例与兼容建议。
CSS Houdini Paint Worklet 自定义绘制：注册、性能与可维护性实践
使用 CSS Houdini Paint Worklet 实现可复用的自定义绘制效果（如条纹、波纹、占位骨架），结合性能与维护策略，并提供经验证的帧率与交互指标。
CSS Houdini Paint Worklet：自定义绘制与性能边界
介绍 Paint Worklet 的注册与使用，如何以 CSS 调用自定义绘制提升灵活性，并说明输入属性、性能注意与回退策略，提供示例与参考。
