精通

CSS · 熟练 - 高级模式与性能优化

• CSS 变量与 calc/clamp 函数掌握自定义属性、它们如何在层叠中于运行时求值，以及用于流式界面的 calc() 和 clamp() 函数。
• 过渡与动画：@keyframes、transform、时序用 transform 和 opacity 在合成器上做动画、组织好你的 @keyframes，并尊重用户的动效偏好。
• 现代选择器：:has、:is、:where、进阶 :nth-child利用近期的函数式伪类，基于内容进行选择、在不抬高特异性的情况下对选择器分组，并瞄准复杂的模式。
• CSS 架构：BEM、utility-first、文件组织比较 BEM 与 utility-first 方案、它们在团队中真实的取舍，并用层叠层来组织你的文件。
• 容器查询与 CSS 嵌套让你的组件响应其容器而非视口，并用原生嵌套来组织你的样式表。