每一個標籤都是一個盒子。
每一個盒子都有四個屬性
(1)內容(content:height、width)
盒子裏裝的東西;
網頁中通常是指文字和圖片。
(2)填充(padding-上右下左:padding-top、padding-right、padding-bottom、padding-left)內邊距
怕盒子裏裝的(貴重的)東西損壞,而添加不泡沫或者其他搞震的輔料。
(3)邊框(borde-上右下左r:border-top、border-right、border-bottom、border-left;border-width、border-style、border-color、border-radius)盒子本身
(4)邊界(margin-上右下左:margin-top、margin-right、margin-bottom、margin-left)外邊距
盒子擺放的時候的不能全部堆在一起,盒子之間要留一定空隙保持通風,同時也爲了方便取出。
div{
width: 300px;
height: 200px;
background-color: red;
/邊框設置/
border: 5px solid green;
/內邊距設置/
padding: 10px 5px 15px 20px;
/外邊距設置/
margin: 5px 10px 15px 20px;
}