外邊距margin-學習筆記

: [< length > | < percentage > | auto ] {1,4} | inherit
初始值:未定義
百分數:相對於父元素的width計算

 h1 {margin: 10px 20px 15px 5px}
             top  right bottom left. 

從上(top)開始圍着元素順時針旋轉。單位:px in em ex等等。

值複製:

以下兩種寫法效果一樣

  p {margin: 0.25em 1em 0.25em 1em}  
  p {margin: 0.25em 1em}  

若缺left ———> 使用right的值
若缺bottom ———> 使用top的值
若缺right ———> 使用top的值

margin值複製

margin合併現象

相鄰margin會發生合併現象,兩個margin中較小的一個會被較大的一個合併。

  • 若是正的,margin取兩個的最大值
  • 若是負的,則取絕對值的最大值
  • 若一正一負,正margin-負margin的絕對值,+margin-|-margin|
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章