CSS 变量与主题切换:做一套可维护的暗色模式
29
CSS 自定义属性不只是少写几个颜色值,它能在运行时被 JS 读写、随作用域级联。这篇从 CSS 变量的基础讲到一套完整的明暗主题方案,包含防止刷新闪烁、跟随系统、平滑过渡等实战细节。
前端 #CSS #前端 #暗色模式 #主题 #工程实践
阅读全文 CSS 自定义属性不只是少写几个颜色值,它能在运行时被 JS 读写、随作用域级联。这篇从 CSS 变量的基础讲到一套完整的明暗主题方案,包含防止刷新闪烁、跟随系统、平滑过渡等实战细节。
Flexbox 是一维排布的利器,Grid 是二维布局的标准答案。这篇讲清两者的核心模型、各自的适用边界,以及在真实页面里如何把它们组合起来用。
媒体查询关心视口宽度,但组件真正需要关心的往往是自己所在容器的空间。本文从卡片、侧栏和网格布局出发,讲清楚 Container Queries 的使用方式、适用场景和常见边界。