亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS中的padding和margin屬性如何使用

發布時間:2022-04-26 16:10:40 來源:億速云 閱讀:95 作者:iii 欄目:大數據

這篇文章主要介紹“CSS中的padding和margin屬性如何使用”,在日常操作中,相信很多人在CSS中的padding和margin屬性如何使用問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”CSS中的padding和margin屬性如何使用”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

CSS的Margin和Padding屬性

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

例子h3:

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

元素四邊可以設置的屬性:margin-top,margin-right,margin-bottom,margin-left,padding-top,padding-right,padding-bottomandpadding-left

CSS盒模型BoxModel

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

W3C定義的盒模式如下:

CSS中的padding和margin屬性如何使用


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

但是由于瀏覽器設計上的問題,不同瀏覽器顯示效果會有些不同。

左右Margin加倍的問題

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

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=gb2312"/> <title>www.webjx.com</title> <style> .outer{  width:500px;  height:200px;  background:#000;  }  .inner{  float:left;  width:200px;  height:100px;  margin:5px;  background:#fff;  }  </style> </head> <body> <divclassdivclass="outer"> <divclassdivclass="inner"></div> <divclassdivclass="inner"></div> </div> </body> </html>

左面的inner的左面margin明顯大于5px。
這時候,定義inner的display屬性為inline。

到此,關于“CSS中的padding和margin屬性如何使用”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

北海市| 迁安市| 通化县| 渝北区| 泸水县| 闵行区| 乌恰县| 利津县| 页游| 成武县| 恭城| 二连浩特市| 宁晋县| 滨州市| 工布江达县| 叙永县| 正安县| 牟定县| 汉中市| 志丹县| 荥经县| 丹巴县| 嘉鱼县| 渝北区| 衡阳市| 万安县| 虹口区| 吕梁市| 乃东县| 上蔡县| 东平县| 卓资县| 犍为县| 铜山县| 彰化县| 永顺县| 翼城县| 衡阳市| 台南县| 富锦市| 平顶山市|