测试与可靠性
CSS shape-outside:文本环绕与图文排版
说明 `shape-outside` 与 `shape-margin` 的用法,让文本沿自定义形状环绕排版,支持圆形/椭圆/路径等,提升图文版式表达并给出兼容与性能建议。
CSS Shadow Parts:part 与 slotted 样式出口
说明 Shadow DOM 的样式出口:`::part(name)` 与 `::slotted(selector)` 的作用与差异,如何在不破坏封装的前提下对内部元素进行主题化与样式覆盖,提供示例与兼容建议。
CSS scrollbar-gutter:滚动条占位与布局稳定
说明 `scrollbar-gutter` 的行为与用法,通过为滚动容器保留滚动条占位,提高跨平台布局稳定性,减少因滚动条出现/消失导致的抖动(CLS)。
CSS scroll-timeline-name 与 animation-timeline:滚动驱动动效细化
细化滚动驱动动效的时间线配置,使用 `scroll-timeline-name` 与 `animation-timeline` 关联滚动与动画,结合
CSS scroll-snap:滚动捕捉与分页体验
使用 CSS scroll-snap 构建分页式滚动与精确对齐,结合 scroll-padding/scroll-margin 提升触控体验与定位稳定性。
CSS scroll-behavior:平滑滚动与可访问性实践
使用 `scroll-behavior: smooth` 提供平滑滚动体验,结合动效偏好与锚点控制,保证可访问性与性能。
