CSS：选择谁，修改什么

.card {
  padding: 20px;
  background: #f0dcae;
  border-radius: 12px;
}

.card 是选择器；大括号里每一行都是 属性: 值;。

可交互练习亲手改 CSS

<style> .card { padding: 20px; background: #f0dcae; border-radius: 12px; } </style> <div class='card'>改我的颜色和圆角</div>

把背景改成 lightblue，圆角改成 30px，点更新预览。

padding 和 margin 有什么区别？

答案：padding 是元素内部到边框的距离；margin 是元素和外部其他元素的距离。