DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 探究CSS margin屬性設置(2)
探究CSS margin屬性設置(2)
編輯:CSS詳解     

單邊外邊距屬性

您可以使用單邊外邊距屬性為元素單邊上的外邊距設置值。假設您希望把p元素的左外邊距設置為20px。不必使用margin(需要鍵入很多auto),而是可以采用以下方法:

p{margin-left:20px;}您可以使用下列任何一個屬性來只設置相應上的外邊距,而不會直接影響所有其他外邊距:

  1. margin-top
  2. margin-right
  3. margin-bottom
  4. margin-left

一個規則中可以使用多個這種單邊屬性,例如:

  1. h2{
  2. margin-top:20px;
  3. margin-right:30px;
  4. margin-bottom:30px;
  5. margin-left:20px;
  6. }

當然,對於這種情況,使用margin可能更容易一些:

p{margin:20px30px30px20px;}不論使用單邊屬性還是使用margin,得到的結果都一樣。一般來說,如果希望為多個邊設置外邊距,使用margin會更容易一些。不過,從文檔顯示的角度看,實際上使用哪種方法都不重要,所以應該選擇對自己來說更容易的一種方法。

提示和注釋

提示:

Netscape和IE對body標簽定義的默認邊距(margin)值是8px。而Opera不是這樣。相反地,Opera將內部填充(padding)的默認值定義為8px,因此如果希望對整個網站的邊緣部分進行調整,並將之正確顯示於Opera中,那麼必須對body的padding進行自定義。

【編輯推薦】

  1. CSS margin-bottom屬性使用秘訣
  2. IE6.0對padding的解讀分析
  3. CSS樣式表高效使用八大秘訣
  4. 深入學習CSS clear屬性用法
  5. IE6中常見CSS兼容性解決十大技巧
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved