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