第六讲 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~