所謂盒子模型就是把HTML頁面中的元素看作是一個矩形的盒子,也就是一個盛裝內(nèi)容的容器。每個矩形都由元素的內(nèi)容、內(nèi)邊距(padding)、邊框(border)和外邊距(margin)組成。
1、盒子中的區(qū)域
一個盒子中主要的屬性就5個:width、height、padding、border、margin。
width是“寬度”的意思,CSS中width指的是內(nèi)容的寬度,而不是盒子的寬度。
height是“高度”的意思,CSS中height指的是內(nèi)容的高度,而不是盒子的高度
margin是“外邊距”的意思
padding是“內(nèi)邊距”的意思
border是“邊框”
模型的示意圖:

遠(yuǎn)近互聯(lián)前端小華整理發(fā)布,希望能對學(xué)習(xí)技術(shù)的你有所幫助
遠(yuǎn)近互聯(lián)專業(yè)提供網(wǎng)站建設(shè)、APP開發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運(yùn)營的品牌整合營銷服務(wù)讓客戶通過網(wǎng)絡(luò)品牌建立與網(wǎng)絡(luò)傳播提高業(yè)績。






