/* 四方向统一 */
.box { padding: 20px; }

/* 上下 左右 */
.box { padding: 20px 40px; }

/* 上 左右 下 */
.box { padding: 10px 30px 20px; }

/* 上 右 下 左 */
.box { padding: 10px 20px 30px 40px; }

.box {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 40px;
}

/* margin：推开其他元素——外部间距 */
.spacer { margin-bottom: 30px; }

/* padding：内容与边框的距离——内部间距 */
.card {
  margin: 20px;       /* 卡片之间的间距 */
  padding: 20px;      /* 卡片内文字与边框的距离 */
  border: 1px solid #ddd;
}