大师

CSS · 专家 - 架构、底层原理与边界情况

• 渲染管线：回流、重绘与合成理解浏览器渲染的四个阶段，从而准确知道哪些 CSS 属性开销高，以及 will-change 在底层是如何工作的。
• 级联层（@layer）与 @scope掌握两个新的级联判定标准——层与作用域邻近度——从而在不打特异性大战的情况下架构你的样式。
• 颜色与高级函数：oklch、color-mix、min/max利用感知均匀的色彩空间、相对颜色语法和带类型的数学函数，构建由浏览器为你计算的设计系统。
• 专家级网格：subgrid、auto-fit 与 minmax无需媒体查询即可构建自适应网格，并用 subgrid 让嵌套组件在父级的轨道上对齐。
• 现代交互：scroll-snap、视图过渡编排磁吸式滚动、由浏览器动画化的状态过渡，并严谨地尊重 prefers-reduced-motion。