前端开发
已收录文章:7篇
-
CSS color-mix() 可以从基础主题色派生 hover、浅底和边框状态,但混合空间与透明度会改变最终观感。本文用 token、对比度和 fallback 验收一套可落地的主题色方案。465 收藏
-
普通 CSS 自定义属性更像字符串,直接参与渐变时常常只能跳变。本文用 @property 注册颜色属性,说明 syntax、inherits、initial-value 的配合方式,并通过渐变、无障碍和旧浏览器降级检查完成验收。443 收藏
-
white-space-collapse 把空白折叠从 white-space 中拆出来,适合处理用户输入、代码片段和多行说明。本文用最小示例解释 collapse、preserve、preserve-breaks、preserve-spaces、break-spaces 的差异,并给出旧浏览器降级与验收方法。430 收藏
-
用 CSS color-mix() 从一个品牌色派生悬停、浅底和边框颜色,并用对比度阈值验收,兼顾现代浏览器与旧环境降级。406 收藏
-
Chrome 计划从 2026 年 9 月起由四周发布一次改为两周发布一次。前端团队需要重新安排灰度验证、兼容性回归、依赖升级和问题回滚节奏,避免把浏览器更新当成一次性大版本项目。365 收藏
-
页面使用 position: sticky 或 fixed 固定导航后,跳转到标题的锚点常常被导航栏盖住。本文用 scroll-margin-top 与 scroll-padding-top 区分元素级和容器级修复,补上动态导航高度、移动端安全区和浏览器降级检查。336 收藏
-
围绕主题按钮的 hover、浅色背景和边框状态,用 CSS color-mix() 派生 token,再按对比度阈值验收并保留旧浏览器 fallback。173 收藏