CSS中Margin和Padding屬性的作用是什么

本篇文章為大家展示了CSS中Margin和Padding屬性的作用是什么，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：國際域名空間、虛擬空間、營銷軟件、網(wǎng)站建設(shè)、安慶網(wǎng)站維護、網(wǎng)站推廣。

詳細學習CSS的Margin和Padding屬性

margin和padding用來隔開元素，margin是隔開元素與外邊，padding是隔開元素里邊。

例子h3：

h3{  font-size:1.5em;  background-color:#ccc;  margin:1em;  padding:3em;  }

元素四邊可以設(shè)置的屬性：margin-top,margin-right,margin-bottom,margin-left,padding-top,padding-right,padding-bottomandpadding-left

CSS盒模型BoxModel

width和height定義的是Content部分的寬度和高度，paddingbordermargin的寬度依次加在外面。背景會填充padding和content部分。但是由于瀏覽器設(shè)計上的問題，不同瀏覽器顯示效果會有些不同。左右Margin加倍的問題當box為float時，IE6中box左右的margin會加倍

W3C定義的盒模式如下：

width和height定義的是Content部分的寬度和高度，paddingbordermargin的寬度依次加在外面。背景會填充padding和content部分。

但是由于瀏覽器設(shè)計上的問題，不同瀏覽器顯示效果會有些不同。

左右Margin加倍的問題

當box為float時，IE6中box左右的margin會加倍。比如：