框架与平台
CSS 容器查询与现代响应式布局:稳定性、性能与可维护性实践
使用 CSS 容器查询替代全局断点驱动的响应式布局,实现更稳定的组件级自适应与更好的性能与可维护性,并提供可验证的指标
CSS 字体平滑与渲染:font-smooth 与 text-rendering
探索字体平滑与渲染提示属性在不同浏览器的效果与兼容性,理解其非标准性并给出实践建议与替代方案。
CSS 字体加载控制:font-display 与 Font Loading API 实战
介绍 @font-face 的 font-display 策略与 Font Loading API 的编程控制,减少 FOIT/FOUT
CSS 子网格布局:Subgrid 的应用与兼容
介绍 CSS Grid 的子网格特性(subgrid),展示在多层布局中共享轨道的应用场景与代码示例,并给出兼容性与工程建议。
CSS 多行省略:line-clamp 与可访问性策略
介绍多行省略的常用实现(`-webkit-line-clamp` 方案与现代支持),在不同浏览器下的兼容策略与可访问性建议,避免信息不可达。
CSS 多列布局:columns 与 column-span
使用 CSS 多列布局进行报刊式排版与内容分栏,控制列宽与间距,并使用 `column-span` 实现跨栏标题与视觉分组。
CSS 圆锥渐变:conic-gradient 的应用与性能
介绍 `conic-gradient` 的语法与应用场景(进度环、饼图、指示盘),说明色标与角度控制、遮罩与叠加技巧,以及性能与兼容建议。
CSS 图像遮罩与裁剪:mask 与 clip-path 的性能与兼容
介绍 `mask` 与 `clip-path` 的差异与用法,使用基本形状与 SVG 路径实现遮罩与裁剪,说明性能边界与跨浏览器兼容策略,提供示例与参考。
