块状元素的之间间隔就是“外边距”。今天我们就来学习一下margin控制外边距的写法和注意事项。

一般写法：

• margin-top:xxpx;–上外边距
• margin-right:xxpx;–右外边距
• margin-bottom:xxpx;–下外边距
• margin-left:xxpx;–左外边距

注意：

• 如果是margin:xxpx；–代表四个方向的都是xx像素外边距
• 如果是margin:xxpx yypx；–代表上下外边距是xx像素，左右外边距是yy像素
• 如果是margin:xxpx yypx zzpx；–代表上外边距是xx像素，左右外边距是yy像素，下外边距zz像素
• 如果是margin:xxpx yypx zzpx nnpx；–代表顺时针方向顺序外边距：上、右、下、左外边距分别是：xx像素、yy像素、zz像素、nn像素

总结：外边距是控制不同块状元素之间间隔

如图：