很多朋友對于margintop用法和padding的用法不太懂，今天就由小編來為大家分享，希望可以幫助到大家，下面一起來看看吧！
css中padding和margin的區(qū)別和使用
1、margin是指從元素自身邊框到另一個元素邊框之間的距離，就是容器之外距離。而padding是指元素自身邊框到自身內(nèi)部另一個元素邊框之間的距離，就是容器內(nèi)距離。好比你的屋子作為目標元素，屋外的東西和屋子的距離用margin，屋內(nèi)的東西和屋子的距離用padding
2、padding的用法：1、padding:10px20px30px40px;上、右、下、左內(nèi)邊距2、padding-left:10px;左內(nèi)邊距3、padding-right:10px;右內(nèi)邊距4、padding-top:10px;上內(nèi)邊距5、padding-bottom:10px;下內(nèi)邊距6、padding：10px;四邊統(tǒng)一內(nèi)邊距
3、margin的用法：1、margin:10px20px30px40px;上、右、下、左外邊距2、margin-left:10px;左外邊距3、margin-right:10px;右外邊距4、margin-top:10px;上外邊距5、margin-bottom:10px;下外邊距6、margin:10px;四邊統(tǒng)一外邊距
使用margin-top為什么引起css塌陷.還需要什么條件下會塌陷
這個其實是因為你沒有布好局導(dǎo)致的，你需要注意布局方式層級關(guān)系。margintop是一個距離頂部多少像素的css樣式，并不是會塌陷，是用于隔離邊距用的。有什么不懂可以追問。
margin在html中意思
margin是外邊距的意思，屬于css中調(diào)整位置的一種屬性，可以通過margin-top，margin-bottom,margin-left,margin-right，屬性值可以是px，也可以是百分比，當(dāng)然也可以一起寫，margin:1px2px3px4px，分別代表上邊距，右邊距，下邊距，左邊距，用于調(diào)整元素間的距離大小。
span標簽設(shè)置margin-top沒有效果呢
是行內(nèi)元素，span只有margin-left和margin-right才有效果。要想margin-top生效就要把span轉(zhuǎn)給塊級元素才行。在span的css中加入以下屬性即可。.span{display:block;}
margin是相對于div還是border
外邊距合并現(xiàn)象
如果兩個div上下排列，給上面div設(shè)置margin-bottom，給下面div設(shè)置margin-top，那么兩個margin會發(fā)生合并現(xiàn)象，會取較大的margin值。
注意：左右不會發(fā)生外邊距合并現(xiàn)象
上下塌陷現(xiàn)象
一個大盒子中包含一個小盒子，給小盒子設(shè)置一個margin-top，大盒子會一起向下平移。
注意：margin左右沒有塌陷現(xiàn)象。
margin是元素之間的距離。
margin-top是什么屬性
1,margin-top是CSS屬性中的盒模型外邊距上方的屬性，用于控制元素和它上面的元素之間的間距。
2,在Web頁面布局中，margin-top有著非常重要的作用，如果使用不當(dāng)，會導(dǎo)致頁面布局混亂，影響用戶的瀏覽體驗。
3,margin-top通常會與其他盒模型外邊距屬性一起使用。
例如，如果您需要中心對齊一個框，可以將要居中的框的margin-left和margin-right設(shè)置為“auto”，而將其margin-top和margin-bottom設(shè)置為其他值，從而達到水平和垂直居中的效果。
好了，關(guān)于margintop用法和padding的用法的問題到這里結(jié)束啦，希望可以解決您的問題哈！
