margin属性总结,你想知道的这里都有

哎呦，你说这个margin属性，小编这稀稀烂烂的脑子头才没懂呢。不过别着急，小编现在要好好的给你介绍一下呀。

首先，我们要知道margin（外边距）是针对于元素的边框的距离，它会在元素周围创建一段空白区域。这个属性总共有四个值，分别是margin-top（上外边距）、margin-right（右外边距）、margin-bottom（下外边距）和margin-left（左外边距）。其实就像我们的相亲对象一样，要全盘考虑啊，你不能只看眼前一个维度，要看到全貌才行。

但是，小编要提醒大家的是，margin的计算方式有点麻烦，主要分为两种情况：一种是当两个相邻元素中间的margin相遇，margin的值取两个相邻元素间margin的最大值（大哥，别一唱一和的，心不要太大嘛）。另外一种情况是当父元素的margin取决于子元素的margin，神奇吧，从小到大，不由分说。

更准确的说，margin具体有几个特点：一、margin属性可以为正值或负值，根据具体情况，可以控制元素的位置和间距；二、当多个元素的margin重叠在一块时，会变成一个margin，他们取其中最大值；三、margin可分方向设置值；四、元素设置margin后，不会影响到其他元素的布局，只影响自己本身。

最后，小编给大家奉上margin的一些小技巧吧。第一：设置margin时，需要考虑周围元素的位置和整体的布局，它的值要适当，不要过大或过小；第二：margin-value接受百分比、像素或em作为值，其中百分比是相对于父元素的宽度计算的。

好了，听我一番奉劝，想必你已经了解margin了吧。如果还有什么疑问和问题，欢迎大家在评论中留言哦！ www.0574web.net 宁波海美seo网络优化公司 是网页设计制作，网站优化，企业关键词排名，网络营销知识和开发爱好者的一站式目的地，提供丰富的信息、资源和工具来帮助用户创建令人惊叹的实用网站。 该平台致力于提供实用、相关和最新的内容，这使其成为初学者和经验丰富的专业人士的宝贵资源。