那么就拿常用 `padding` 来举例吧。 正常来说,如果要设置一个元素的 `padding` 值,你需要通过设置 `padding-top`、`padding-bottom`、`padding-left` 和 `padding-right` 来控制四个方向的值。 div { padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; } 是不是太麻烦了,换成 `padding` 这个简写属性怎么样? div { padding: 1em; } 简写属性的目的很简单,把一些相关联的属性合在一起,然后根据参数数量来决定生效效果。比较常见的还有 `background`、`margin`。 参见: * [https://developer.mozilla.org/zh-CN/docs/Web/CSS/padding](https://link.segmentfault.com/?enc=oRqu7lgfwOszeFVqiWAlSg%3D%3D.indYqUN9PkMyrD4suFUfTq4JD63l3rFvI5q3VNmEZTwIl13CrftiOi1fxrLNob%2Bepa9KhyahCYLewVr6a6hjPg%3D%3D)