關于圖片的大小不是很能理解
img{width:95px;height:95px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);
padding:1px 20px 37px;30px;border:1px solid blue;}
我代碼是這樣寫的,因為剛開始不是很理解,所以自己加了一個邊框,但是做出來之后發現不管里面的圖片怎么變,但是邊框不變,我試著改了前面的高寬,發現邊框隨著高寬變化.現在我有點不能理解了.那個高寬到底是圖片的大小還是什么的大小,黑框框住的是什么區域,為什么框住的既不是img層也不是img里的圖片,求解.
2016-09-10
1、寬高就是用來設置圖片的寬高的，無論圖片原本的大小是多少，都會變成這里設定的大小，如果寬高的比例和圖片本身的比例不一樣，就會使圖片變形，讓圖片來適應這個寬高。當然，你也可以把這個寬高去掉，這樣圖片就會按本身的大小來顯示了，你也可以只設定寬或者高，看看有什么不一樣的地方，保證你會有收獲的。
2、你現在遇到的問題其實是，設置了padding的原因，導致圖片的邊緣與邊框有了距離所致，你可以將padding刪了，就能看到邊框與圖片的大小一致了。padding就是內邊距，是用來讓內容和邊框之前產生距離的，而margin是用來讓元素之間產生距離的，讓它們看起不那么擁擠。
3、那老師為什么要設置padding呢？
? ? ? 可能是，背景比較大，為了讓背景完全呈現出來而設置的。
2016-10-04
你看看這個圖估計就懂了
2016-09-10
邊框不會隨著高度變化，高度就是圖片的高，黑框框住的就是圖片。