第六讲 CSS盒子模型

步骤1：margin是外边距

margin代表一个元素的外边距，简单来说，就是在标准文档流里面做推拿。行内标签只能横向推拿，块级标签可以四周推拿。对于块级标签，还可以用margin:0 auto来做居中。margin的写法：

1. margin: 200px; （四周一圈的外边距为200px）
2. margin：100px 200px; （上下的外边距为100px，左右的外边距是200px）
3. margin：100px 200px 100px 200px; （上 右 下 左）
4. margin-top
5. margin-right
6. margin-bottom
7. margin-left

padding也是一样的写法。

步骤2：padding是内边距

padding就是元素自己长胖，就这么简单！一般我们都是给块级元素或者行内块级元素加padding的。

总结：margin是推拿，padding是长胖，over~