css中的margin属性
            细说css中margin属性的使⽤
  ⾸先我们先来看⼀下盒模型，盒模型包括内容，填充（padding），边框（border），外边框（margin）四部分组成。⽽margin就是其中的外边框属性，他还有⼀个很有意思的地⽅就是，虽然盒⼦是由这四部分组成的，但盒⼦的⼤⼩并不包括margin的⼤⼩。这这也就意味着它的特殊性。margin可以⽤来同时指定box的四边外边距。
其中内容盒、内边距盒、边框盒的背景由background属性决定，⽽外边距盒的背景是透明的。
  ⼀.margin属性的值代表的含义
  margin的默认值为0，并且margin⽀持负值，⽽且margin 可以单独改变元素的上，下，左，右边距。也可以⼀次改变所有的属性。
  1.如果属性margin有四个值，那么值将按照上-右-下-左的顺序作⽤于四边。
  2.如果属性margin有三个值，那么值将按照上-左右-下的顺序作⽤于四边。
  3.如果属性margin有两个值，那么值将按照上下-左右的顺序作⽤于四边。
  4.如果属性margin只有⼀个值，那么此值将作⽤于四边。
  ⼆.使⽤margin设置居中
设置左右居中，只有这⼀种办法。
  三.使⽤margin属性，将盒⼦上下左右的其他盒⼦向其所在盒⼦的⽅向移动
/*margin-left:50px;margin属性怎么用
数值增⼤，右移动；数值减⼩，左移动；
margin-right是把它右边的元素往右边推；
margin-top: 50px;margin-bottom是把它下⾯的元素往下⾯推；与margin-right同理。*/
  四.margin属性的单位
  margin 属性接受任何长度单位，可以是像素、英⼨、毫⽶或 em。
  百分数是相对于⽗元素的 width 计算的。
p {margin : 10%;}
  百分数是相对于⽗元素的 width 计算的。上⾯这个例⼦为 p 元素设置的外边距是其⽗元素的 width 的 10%。 

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。