最后練習題，為什么直接添加padding就能出現效果呢？
為什么直接添加padding：1px 20px 37px 30px;就能出現任務效果？我看下面有的童鞋有寫定位的，又把寬高加上的，有寫magin-right。
簡單的padding:1px 20px 37px 30px; ?是我想的有點少嗎
3 回答
舉報
0/150
提交
取消
為什么直接添加padding：1px 20px 37px 30px;就能出現任務效果？我看下面有的童鞋有寫定位的，又把寬高加上的，有寫magin-right。
簡單的padding:1px 20px 37px 30px; ?是我想的有點少嗎
2016-07-21
舉報
2016-09-25
用實物做個模擬會很好理解，你在桌子上放個書本，在書本中間放個手機，你可以把桌子看成盒子，把書本看成背景圖片，桌子顏色就是背景色，裸漏出來的桌子顏色就是margin，手機就是你要放上去修飾的東西，裸漏出來的書就是padding
2016-09-25
你先去看下盒模型的知道，也就是用content ?margin padding border 計算盒子大小的方法，這個題背景圖的大小就是盒子的總體大小，你在div下面，加個<hr/> 再加個img標簽，調用一下背景圖,截圖，用PS測量一下，中間的空白就是你要放這個香水圖的地方，他的大小就是 content，空白到頂的距離就是padding-top，空白到右是,以此類推，順時針先上再右再下再左，這樣圖片就和背景圖完美契合了，然后，margin是用來增加兩個圖之間的距離的，這個距離之間是用背景填充的，兩者的距離為第一個的margin-右加上第二個的margin-左,在這個題中沒有用到border。還有img是行內塊標簽，你需要去鞏固一下，塊標簽，行內標簽，行內塊標簽的知道。
2016-07-21
因為這個是給img標簽加效果，padding是給每一個的img添加填充，這樣就實現了多個img之間分離開