因为这部分到后来的话会和div结合起来，对页面进行布局，而一个舒服的网页布局对于网站来说显得尤为重要，而这里边的内容也比较多，所以就单独拿出来讲了。
首先，咱们先来说下content、padding、border、margin这之间的关系，content是最里边的内容，可以是文字，图片等，而padding设置的就是content距离盒子内边的距离，而border则是用来设置边框的，margin是用来设置外边框和其他内容之间的距离。
接着咱们来说下这几个词的用法，先说下padding。对于padding来说，可以对它的四个边分开设置，像这样：
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
也可以组合设置
padding：10px 10px 10px 10px;顺时针对位置的上右下左进行设置
然后是margin，是用来设置外边距里其他元素的距离的，用法和padding类似，也可以进行分开和组合设置，顺序也相同
最后就是border了，border的话有很多属性，但经常用到的不多，我自己记住的只有一个综合的设置
border:1px solid red;
还有个是对border-radius:50%;是对图片去棱角的，感觉效果还不错，至于其他的如果有小伙伴感兴趣的话可以在
https://www.w3cschool.cn/css/css-border.html看一下，就不一个一个搬了。