css中margin和padding区别以及用途是什么？

css中margin和padding区别以及用途是什么？
刚学css被这两个东西困扰了很久。

---

再好好看下css标准盒模型
兄弟元素之间用margin,父子元素之间用padding

---

你可以看一下这张图

---

margin是盒子用来推开其它盒子的参数；
padding是盒子用来缩进自身内部元素的参数；