使用边距还是填充？

Question

我最近开始自己在线学习 Wed Development 并且是这个领域的新手，所以很抱歉我的基本问题。 我知道 Margin 和 Padding 之间的区别（在逻辑术语中）但不太确定 'when we should use Margin and Padding'...在一堂课上，一位讲师使用“Margin”在“Tick Icon”和“易于使用”文本（见下图），但这里也可以使用填充吗？如果不是，如果我为此使用填充，可能会导致什么问题？

此外，她使用“rem”作为边距，使用“%”作为填充。使用 rem 和 %（和 px）有什么区别？

非常感谢您对此的帮助。

Answer 1

边距是元素周围的space。

填充是元素内容周围的space。

所以边距在元素之外。

填充在里面。

将元素彼此靠近放置时可以使用边距

您可以在更改元素与其他元素的交互方式时使用填充。 （不好解释）

另外pixel就是屏幕上的像素。 Rem 是“相对于根元素的字体大小”(w3schools) https://www.w3schools.com/cssref/css_units.asp

希望对您有所帮助。