浅谈 html——margin & padding

每个HTML标签都可看做是一个盒子，当我们在页面上写各种HTML标签的时候，其实就是页面上摆放各种各样的盒子。

·border（边框）：每个盒子都是有边框的，默认情况下不显示而已；

·padding（内边距）：指内容距离边框的长度，如果要内容居中，那么很明显需要四个内边距都相等；

·margin（外边距）：指盒子与盒子之间的距离，好比两个div之间相隔距离是多少；也可以理解为对象与父容器的距离

关于：margin:auto

· margin有4个值：margin:10px 11px 9px 8px; ，按顺序分别代表对象与父容器的上、右、下、左的距离值为10px,11px,9px,8px。
·如果只写两个值：margin:10px 5px; ，表示对象与父容器的上下距离值都是10px，与左右的距离值都是5px。
·而 margin:0 auto; ，这个就表示上下的距离值是0，而左右就是自动适应，也就是我们常说的自动居中。
而margin:auto; ， 就表示上下左右都自动适应。