padding四值顺序必须是top right bottom left，浏览器按顺时针硬性匹配；三值时left自动等于right，两值时上下/左右分别对称；需独立控制某边或强调可读性时应改用单边属性。
padding简写顺序不是“可选规则”，而是浏览器解析的硬性逻辑：漏一个值，整个计算方式就变。
写错顺序或省略值，不会报错，但布局会悄悄偏移——尤其在响应式断点切换时更难排查。
padding四值顺序必须是
这是CSS规范强制要求的顺时针顺序，不是记忆技巧。浏览器按这个固定位置匹配每个数字：
→ 上=10px、右=20px、下=30px、左=40px
写成
就是左=30px、右=20px，左右不对称却很难一眼发现
用缩写时别依赖“视觉对齐”：数值列得再整齐，顺序错了照样错
三值写法中
会被自动补为
值
很多人以为
是「上/右/下」，左边留空=0，其实不是：
它等价于
（左 = 右）
想让左边是5px、右边是20px？必须写四值：
这种自动补全只发生在三值场景，且只补左值；两值时上下/左右各自对称，不涉及“补”
什么时候该放弃简写，改用单边属性
当需要独立控制某一边、或存在条件覆盖（比如媒体查询中只调右边）、或团队协作中强调可读性时，简写反而增加理解成本：
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
前端免费学习笔记（深入）
”；
要动态改右边距？
比从四值里找第二个数安全得多
用 CSS 自定义属性做主题切换？
比
更易维护
inline 元素（如
）对
/
支持不稳定，此时单写比简写更容易暴露问题
最常被忽略的一点：
的简写行为和
完全一致，但二者语义不同——混用时哪怕顺序没错，也容易因“外扩 vs 内撑”的逻辑错位导致背景色、边框、点击热区等意外表现。
toprightbottomleftpadding: 10px 20px 30px 40pxpadding: 10px 20px 40px 30pxleftrightpadding: 10px 20px 30pxpadding: 10px 20px 30px 20pxpadding: 10px 20px 30px 5pxpadding-right: 12pxpadding-top: var(--spacing-sm)padding: var(--spacing-sm) var(--spacing-md) ...padding-toppadding-bottompaddingmargin