將軍

圖片出處:http://www.w3schools.com/css/css_boxmodel.asp

假設在網頁中以一個element來看,
border就是這個element的框線,
而border以外就是margin,
以內就是padding,

我們簡單來說有一個鋁箔包飲料,
裡面的果汁就是Content(element內的內容),
Margin就是飲料的外包裝塑膠厚度,
border就是飲料的紙部的厚度,
padding就是飲料內部的鋁箔的厚度.

至於學這個可以做甚麼,
一般會在學CSS的時候用到,
通常是用來定義排版內容,
一步一步來,
你要先了解html的element的功用,
再來學CSS跟你發問的這個問題.

你可以參考w3c school這裡的操作,
http://www.w3schools.com/css/try ... ycss_boxmodel_width