Shorthand Properties

边距和内边距

margin 属性允许您将 margin-top、margin-right、margin-bottom 和 margin-left 合并，形式为属性: top right bottom left;

所以

p {
    margin-top: 1px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 20px;
}

可以概括为

p {
    margin: 1px 5px 10px 20px;
}

padding 属性可以以完全相同的方式使用。

通过只指定两个值（例如 padding: 1em 10em;），第一个值将是顶部和底部，第二个值将是右侧和左侧。

边框

border-width 属性也可以像 margin 和 padding 一样使用。您还可以将 border-width、border-color 和 border-style 与 border 属性结合使用。所以

p {
    border-width: 1px;
    border-color: red;
    border-style: solid;
}

可以简化为

p {
    border: 1px red solid;
}

字体

与字体相关的属性也可以与 font 属性一起收集。

p {
    font: italic bold 12px/2 courier;
}

这结合了 font-style、font-weight、font-size、line-height 和 font-family。

所以，总而言之，尝试使用以下代码

p {
    font: 14px/1.5 "Times New Roman", times, serif;
    padding: 30px 10px;
    border: 1px black solid;
    border-width: 1px 5px 5px 1px;
    border-color: red green blue yellow;
    margin: 10px 50px;
}

太棒了。