**：
1、設定屬性方法
margin和padding都是用來隔開元素，margin用於布局元素使元素與元素互不相干，padding是用於元素與內容之間的間隔。元素四邊可以設定的屬性：margin-top,margin-right,margin-bottom,margin-left,padding-top,padding-right,padding-bottom和padding-left。還可以按照上、右、下、左的順序分別設定各邊的邊距，各邊均可以使用不同的單位或百分比值：比如p.
2、什麼時候用margin，什麼時候用padding
margin和padding在許多地方往往達到的效果都是一模一樣的，所以有時我們會迷惑margin和padding應當什麼時候用哪個比較好。
何時應當使用margin：
（1）需要在border外側新增空白時，
（2）空白處不需要有背景（色）時，
（3）上下相連的兩個盒子之間的空白需要相互抵消時，比如15px+20px的margin，將得到20px的空白（注意地方見第三點）。
何時應當使用padding
（1）需要在border內側新增空白時（往往是文字與邊框距離的設定），
（2）空白處需要背景（色）時，
（3）上下相連的兩個盒子之間的空白希望等於兩者之和時，比如15px+20px的padding，將得到35px的空白。
3、margin使用時應該注意的地方
margin在垂直方向上相鄰的值相同時會發生疊加，水平方向上相鄰的值會相加。margin取負值時，在垂直方向上，兩個元素的邊界仍然會重疊。但是，此時乙個為正值，乙個為負值，並不是取其中較大的值，而是用正邊界減去負邊界的絕對值，也就是說，把正的邊界值和負的邊界值相加。
css中relative和margin的區別
在寫網頁時，有時候乙個效果的實現由很多種方法，比如我們想要乙個盒子向下向左移動50px。這裡主要說一下relative和margin來實現的區別。我們的目的是黃色div移動。relative為div3加上以下 可以看到，我們達到了目的，此時div3向右下偏移50px，所佔據的空間是寬度為div3到右...
CSS中margin和padding屬性的區別
本文將講述html和css的關鍵 盒子模型 box model 理解box model的關鍵便是margin和padding屬性,而正確理解這兩個屬性也是學習用css布局的關鍵.注 為什麼不翻譯margin和padding?原因一,在漢語中並沒有與之相對應的詞語 原因二 即使有這樣的詞語,由於在編寫...
什麼時候用Margin？什麼時候用Padding？
這裡是修真院web小課堂，每篇分享文從 八個方面深度解web知識 技能，本篇分享的是 什麼時候用margin？什麼時候用padding？在html文件中，我們一般把html標籤粗分為塊級元素 block 和內聯元素 inline 塊級元素是是構成乙個html的主要和關鍵元素,任意乙個塊級元素均可以用...