HTML的盒子（div）

每一个标签都是一个盒子。

每一个盒子都有四个属性
（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;
}