美文网首页
了解一下margin和padding(盒模型)

了解一下margin和padding(盒模型)

作者: 林立镇 | 来源:发表于2017-05-10 23:24 被阅读0次

Margin

  • <percentage>
  • 相对于包含该元素的块的宽度(相对于父元素的宽度)。该值可以为负数。
  • auto
  • auto会被替代为适当的值。它可以用于将一个块居中。
    比如,div { width:50%; margin:0 auto; } 会把这个div容器水平居中。

语法

  • 只有一个 值时,这个值会被指定给全部的 四个边.
  • 两个值时,第一个值被匹配给上和下, 第二个值被匹配给 左和右.
  • 三个值时,第一个值被匹配给上, 第二个值被匹配给 左和右, 第三个值被匹配给下.
  • 四个值时,会依次按 上、右、下、左 的顺序匹配 (即顺时针顺序).

Padding

  • <percentage>
  • 相对于包含块的宽度(父元素的宽度)

语法

和margin一样

相关文章

  • 前端经验汇总

    1、margin和padding的使用经验 margin是盒模型的外边距,padding是盒模型的内边距;用mar...

  • 盒模型

    盒模型包括哪些属性? 盒模型包括:margin、border、padding、content。 margin:清除...

  • 人生若只如初见(1)

    盒子模型 content、margin、padding、border;(IE盒模型和标准盒模型的区别)———IE盒...

  • 了解一下margin和padding(盒模型)

    Margin 值 相对于包含该元素的块的宽度(相对于父元素的宽度)。该值可以为负数。 auto auto会被替代为...

  • 盒模型

    基本概念 盒模型由content、padding、border和margin组成。分类:标准盒模型(默认)和IE盒...

  • 面试题 - CSS

    CSS 盒模型和区别 margin + border + padding + contentw3c盒模型的cont...

  • CSS 盒模型总结

    概念 CSS盒模型 包含:content padding border margin 类型 CSS盒模型分为 标准...

  • 理解盒模型

    1:怎么理解盒模型 ? 解: 标准模型 和 IE盒模型. 由外边距margin、内边距padding、边框bord...

  • css盒模型

    盒模型包括哪些属性? 盒模型 盒模型的属性:(从内到外)width、padding、border、margin w...

  • 盒模型

    盒模型 盒模型包括哪些属性从内到外分别是content,padding,border,margin盒模型 text...

网友评论

      本文标题:了解一下margin和padding(盒模型)

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