盒模型与间距

每个元素都是一个「盒子」，由内到外是内容、内边距、边框、外边距。

一、盒模型

.card {
  padding: 20px;        /* 内边距 */
  border: 1px solid #eee;/* 边框 */
  margin: 16px;         /* 外边距 */
  border-radius: 16px;  /* 圆角 */
}

建议全局设置 box-sizing: border-box，让 width 包含 padding 与 border，计算更直观。