av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

深入學(xué)習(xí)CSS中Margin和Padding屬性用法

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

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

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

例子h2：

 
 
 
 
      
  
  
  
  1. h2{  
    2.   
  
  
  
  2. font-size:1.5em;  
    3.   
  
  
  
  3. background-color:#ccc;  
    4.   
  
  
  
  4. margin:1em;  
    5.   
  
  
  
  5. padding:3em;  
    6.   
  
  
  
  6. }  
    7.   
  
  
  
  7.  
    8.

元素四邊可以設(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è)計(jì)上的問題，不同瀏覽器顯示效果會有些不同。左右Margin加倍的問題當(dāng)box為float時(shí)，IE6中box左右的margin會加倍

W3C定義的盒模式如下：

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

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

左右Margin加倍的問題

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

 
 
 
 
      
  
  
  
  1.   
  
  
  
  2.  
    3.   
  
  
  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. www.webjx.com 
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.  
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  
    12.
 
    •  
  •  
  •  
  •  
  •  

    •  　　左面的inner的左面margin明顯大于5px。
    　　這時(shí)候，定義inner的display屬性為inline。

    【編輯推薦】

    1. CSS中padding和margin屬性用法說明
    2. 實(shí)例解析CSS中padding、margin兩個重要屬性用法
    3. CSS padding屬性定義邊內(nèi)補(bǔ)白方法探究
    4. IE6下使用CSS定義DIV高度行之有效的辦法
    5. 技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題

    文章名稱：深入學(xué)習(xí)CSS中Margin和Padding屬性用法
    網(wǎng)頁路徑：http://uogjgqi.cn/article/dpjdsih.html
    掃二維碼與項(xiàng)目經(jīng)理溝通

    我們在微信上24小時(shí)期待你的聲音

    解答本文疑問/技術(shù)咨詢/運(yùn)營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流

    其他資訊