简写是整套替换而非追加，漏写子属性会回退默认值；background漏写color则变transparent，font错序或漏值整条失效，margin/padding/border隐式重置所有方向，transition简写只作用于显式声明的属性。
简写不是“追加”，而是“整套替换”——漏写某个子属性，它就会回退到浏览器默认值，直接覆盖你之前设过的值。
background 简写会清空 background-color
这是最典型的坑：只要你没在 background 声明里显式写出颜色，background-color 就变成 transparent。
- 已设
background-color: #fff，再写background: url(logo.png) no-repeat center→ 白色背景消失 -
background的完整顺序是：background-color background-image background-repeat background-position / background-size background-origin background-clip，缺一不可（哪怕只缺background-color） - 想保留原有颜色？要么把颜色写进简写里，要么改用
background-image单独设置
font 简写错序或漏值就整个失效
font 是少数对顺序敏感的简写，浏览器会整条声明忽略，而不是部分生效。
- 必须按固定顺序：
font-style font-variant font-weight font-size/line-height font-family - 漏写
font-weight？默认变成normal，哪怕你之前用font-weight: bold设过 - 写成
font: 16px "Arial" bold？顺序错，整条无效，元素回退到继承值或浏览器默认字体
margin/padding/border 简写隐式重置所有方向
四值简写（如 margin: 0 8px 4px 12px）看似安全，但一旦你在别处单独改了某一边，就容易冲突。
立即学习“前端免费学习笔记（深入）”；
-
margin: 10px→ 四边都是 10px；后面再写margin-top: 20px没问题，但若写margin: 5px 10px，top 就被重置回 5px -
border: 1px solid #000会同时覆盖border-top、border-right等所有子属性，没法“局部叠加” - 响应式场景下，
@media里只想调右边距？用margin-right全写更稳，避免整套重写
transition 和 animation 简写只认显式声明的属性
简写只管理你写出来的那几个属性，其他可过渡属性自动失去动画能力。
-
transition: opacity 0.3s→ 只有opacity会过渡，transform或color改变时是瞬时的 -
transition: all 0.3s看似省事，但会拖慢性能（尤其涉及 layout 的属性），且难以控制个别属性的时长/缓动 - 需要多属性不同行为？老实用
transition-property+transition-duration拆开配
真正麻烦的不是语法本身，而是人脑记不住哪些子属性被悄悄重置了——尤其在多人协作或后期维护时，一行简写背后可能藏着三处隐性覆盖。宁可多敲几个字符，也别让 background 或 font 成为线上 bug 的入口。
