CSS中的盒模型

標籤：允許   內容   盒模型   ges   上下   設定   width   bsp   content   

 CSS盒模型如下：

Margin：外邊距 

清除邊框外的地區，外邊距是透明的

Border：邊框

圍繞在內邊距和內容外的邊框。

Padding：內邊距

清除內容周圍的地區，內邊距是透明的。

Content：內容

盒子的內容，顯示文本和映像。

 

CSS盒模型本質上是一個盒子，封裝周圍的HTML元素，它包括：邊距，邊框，填充，和實際內容。

盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。

計算：

內容：content開始計算，由W*H組成

元素大小：content+padding+border

佔用頁面：content+padding+border+margin

取值：

1個值：四周

2個值：上下，左右

3個值：上，左右，下

4個值：上，右，下，左

單獨設定一邊的值可用padding/border/margin-top/right/bottom/left

 

CSS中的盒模型