天天操天天操-欧美黄视频-亚洲午夜激情-黄色网址免费-少妇精品无码一区二区三区-欧美成人免费在线视频-国产毛片一区二区三区-欧美一区二区三区婷婷月色-四虎影视库-日本在线高清-毛片999-天天操欧美-国产午夜伦理-手机福利在线-视频在线91-免费在线观看亚洲-好爽快一点高潮了-国产污视频在线-成 人片 黄 色 大 片-激情久久网站-丰满少妇xxxx-女教师在办公室被躁在线播放-亚洲高清色-视色视频在线观看-婷婷色5月-又粗又硬又黄又爽的视频-好大好湿好硬顶到了好爽视频-中国美女黄色-国产精品刮毛-国内三级在线观看

margin css的外邊距

2016/11/26 8:38:17   閱讀:2289    發布者:2289

 

h2{margin:10px 0;} 
div{margin:20px 0;} 
...... 
<h2>這是一個標題</h2> 
<div> 
    <h2>這是又一個標題</h2> 
</div> 


本例中,第一個h2的margin-bottom(10px),div的margin-top(20px),
第二個h2的margin-top(10px)將被合并,它們之間的margin間隙最后是(20px),
即取三者之間最大的那個值。

語法:

margin:[ <length> | <percentage> | auto ]{1,4} | inherit

默認值:看每個獨立屬性

適用于:所有元素,除非 table | inline-table | table-caption 的表格類元素之外

繼承性:無

動畫性:是

計算值:看每個獨立屬性

相關屬性:[ margin-top ] || [ margin-right ] || [ >margin-bottom ] || [ margin-left]

 

取值:

auto:水平(默認)書寫模式下,margin-top/margin-bottom計算值為0,
margin-left/margin-right取決于可用空間。詳見:margin系列之keyword auto
<length>: 用長度值來定義外補白。可以為負值
<percentage>: 用百分比來定義外補白。水平(默認)書寫模式下,
參照其包含塊 width進行計算,其它情況參照 height,可以為負值

 

說明:

檢索或設置對象四邊的外延邊距。

  • 如果提供全部四個參數值,將按上、右、下、左的順序作用于四邊。
  • 如果只提供一個,將用于全部的四邊。
  • 如果提供兩個,第一個用于上、下,第二個用于左、右。
  • 如果提供三個,第一個用于上,第二個用于左、右,第三個用于下。
  • 非替代(non-Replaced)行內元素可以使用該屬性設置左、右兩邊的外補丁;
    若要設置上、下兩邊的外補丁,必須先使該對象表現為塊級或內聯塊級。
  • 外延邊距始終透明。
  • 某些相鄰的margin會發生合并,我們稱之為margin折疊:
h2{margin:10px 0;} 
div{margin:20px 0;} 
...... 
<h2>這是一個標題</h2> 
<div> 
    <h2>這是又一個標題</h2> 
</div> 

本例中,第一個h2的margin-bottom(10px),div的margin-top(20px),第二個h2的margin-top(10px)
將被合并,它們之間的margin間隙最后是(20px),即取三者之間最大的那個值。

父元素與第一個/最后一個子元素 會合并 margin