从2016年10月接触前端，到现在大概1年多了吧，挺长的时间了，本以为自己的布局没有问题，毕竟还是有项目经验的，但是今天却发现自己不是很懂margin，这个前端最常见的属性之一，因此写下这篇作为知识梳理。
借鉴：http://www.planabc.net/2007/03/18/css_attribute_margin/
http://www.hicss.net/do-not-tell-me-you-understand-margin/
margin是什么?
CSS边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School
边界，元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。——CSS权威指南
我的理解是“外边距”即该元素距离临近其他元素的空白空间。
margin使用时注意
块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
margin的写法
margin：top right bottom left；