美文网首页
css学习之margin属性

css学习之margin属性

作者: 大力很宅 | 来源:发表于2019-05-23 12:41 被阅读0次

margin

margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。

margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。

margin属性可以有一到四个值。

margin:25px 50px 75px 100px;

上边距为25px

右边距为50px

下边距为75px

左边距为100px

margin:25px 50px 75px;

上边距为25px

左右边距为50px

下边距为75px

margin:25px 50px;

上下边距为25px

左右边距为50px

margin:25px;

所有的4个边距都是25px

margin需要注意的问题:

body有默认的margin: chrome 8px 如果想把默认的margin消除可以这样操作:

如果设置了上下两个盒子的margin  两个盒子的距离是以大的那个margin为准(margin的塌陷)⚠⚠:就是不会边距相加,而是长边距覆盖了短边距。

盒子居中: margin: 10px(上下边距的数值) auto(左右边距自动);

相关文章

  • css学习之margin属性

    margin margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。 margin...

  • CSS 外边距- 外边距合并

    1:CSS margin 属性 margin 属性接受任何长度单位,可以是像素、英寸、毫米或 em。 margin...

  • CSS布局

    1CSS没有布局 2 CSS布局属性 2.1 css display属性 2.2 css margin: auto...

  • CSS属性margin

    **001** **margin****百分比:****1.****普通元素相对父级容器的宽度计算。****2.*...

  • CSS属性之margin的理解

    css属性改变容器的尺寸 可以改变元素占据空间(如影响父元素的高度(当父元素不定高的情况下)) margin负值的...

  • CSS之二三事

    CSS不正交 各属性间互相影响margin vs border:margin默认情况下会合并,如父子margin合...

  • CSS学习笔记2

    css常用属性 盒模型 包含:内容、padding、border、margin 盒模型相关属性 内容属性 widt...

  • CSS盒子模型居中方法

    方法一: 利用margin; 方法二 利用css的 position属性; 方法三 利用css3的新增属性tabl...

  • margin?padding?

    用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。 CSS边距属性定义元素周围的空间。通...

  • 用Margin还是用Padding

    用margin还是用padding这个问题是每个学习css进阶时的必经之路css编剧属性定义元素周围的控件,通过使...

网友评论

      本文标题:css学习之margin属性

      本文链接:https://www.haomeiwen.com/subject/kkyvzqtx.html