位置:首頁 > 軟件操作教程 > 編程開發(fā) > CSS > 問題詳情

CSS 盒子模型簡(jiǎn)介

提問人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-18

    CSS盒子模型就是在網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的一種思維模型:即內(nèi)容(content)、填充(padding)、 邊框(border)、邊界(margin ),生活中的事物盒子也具備這些屬性,所以形象地把CSS中出現(xiàn)的這些屬性稱之為盒子模型。

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

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

    盒子模型允許用戶在其他元素和周圍元素邊框之間的空間放置元素。

    盒子模型每個(gè)部分的說明如下:

    ?Margin (外邊距):清除邊框區(qū)域。它沒有背景顏色,完全是透明的。

    ?Border (邊框):邊框周圍的填充和內(nèi)容。它是受到盒子的背景顏色影響的。

    ?Padding (內(nèi)邊距):清除內(nèi)容周圍的區(qū)域,會(huì)受到框中填充的背景顏色的影響。

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

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部