盒模型的簡單介紹

這裏是IT修真院分享課，今天要分享的主題是

【盒模型的簡單介紹】

W3C組織建議把全部網頁上的對象都放在一個盒子（box）中，就是所說的盒子模型，CSS盒模型本質上是一個盒子，封裝周圍的HTML元素，它包括：實際內容(content)、內邊距(padding)、邊框(border)，外邊距(margin)。一個div就是一個盒子。

通俗的來說就是

外邊距決定的是兩個盒子之間的距離。 固然在html中盒子是沒有3D的，這張圖僅便於理解，以第一張圖爲準。

瞭解盒模型以後，如今主要來區分一下padding和margin。

【更多內容，歡迎加入交流羣565763832與你們一塊兒討論交流】

【這裏是技能樹·IT修真院：IT修真院官網，初學者轉行到互聯網的彙集地】