這張圖清晰的解釋了這幾個(gè)量的區(qū)別,詳細(xì)內(nèi)容參考鏈接:http://www.w3school.com.cn/css/css_boxmodel.asp谦疾。
總而言之南蹂,
?width : 設(shè)置的是元素element的寬度,即最為基礎(chǔ)核心的部分念恍。
padding : 內(nèi)邊距六剥,
border : 邊框晚顷。
margin : 外邊距,
所以疗疟,以border 為限该默,邊框內(nèi)的空白部分即為padding 設(shè)置的值, 邊框外的空白部分即為margin 設(shè)置的值策彤。