The freshest, most accurate AI knowledge for your Agent

Flexbox规范于2012年稳定，它解决了浮动布局时代的垂直居中和等高列痛点

相比使用ResizeObserver监听元素高度的JavaScript方案，Subgrid避免了布局抖动和重绘开销

minmax(200px, 1fr)配合auto-fit可以实现无需媒体查询的纯CSS响应式布局，每列最小200px最大占满剩余空间

格式塔心理学中的接近性和相似性原则表明用户会天然将水平对齐的元素理解为同层级的同类信息

内联样式在CSS优先级中仅次于!important，会覆盖所有外部样式表的规则

魔法数字（Magic Numbers）是编程中的一个反模式术语，指代码中出现的未经解释的硬编码数值

CSS自定义属性支持回退值语法var(--precip, 0)，当变量未定义时使用回退值

CSS逻辑属性家族包括inline-size、margin-block、padding-inline等，用于适应不同书写方向

calc()中加减运算符两侧必须有空格，而乘除则不需要

通过calc()将无单位数字乘以带单位值（如var(--precip) * 1%）可为纯数字附加单位