最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

CSS中的Margin和Padding屬性有很多值得學(xué)習(xí)的地方，這里和大家分享一下Margin和Padding屬性的用法，margin和padding用來隔開元素，margin是隔開元素與外邊，padding是隔開元素里邊。

詳細(xì)學(xué)習(xí)CSS的Margin和Padding屬性

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

例子h2：

 
 
 
 
  
  
  
  
h2{  
  
  
  
  
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加倍的問題當(dāng)box為float時，IE6中box左右的margin會加倍

W3C定義的盒模式如下：

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

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

左右Margin加倍的問題

當(dāng)box為float時，IE6中box左右的margin會加倍。比如：

 
 
 
 
  
  
  
  
  
  
  
  
 
  
  
  
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">