盒子模型

CSS 盒子模型(Box Model)

所有HTML元素可以看作盒子,在CSS中,"box model"這一術(shù)語是用來設(shè)計和布局時使用。

CSS盒模型本質(zhì)上是一個盒子,封裝周圍的HTML元素,它包括:邊距,邊框,填充,和實際內(nèi)容。

不同部分的說明:

Margin(外邊距)- 清除邊框外的區(qū)域,外邊距是透明的。

Border(邊框)- 圍繞在內(nèi)邊距和內(nèi)容外的邊框。

Padding(內(nèi)邊距)- 清除內(nèi)容周圍的區(qū)域,內(nèi)邊距是透明的。

Content(內(nèi)容)- 盒子的內(nèi)容,顯示文本和圖像。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容