检查网页源代码的时候都会看到这样的CSS盒子

margin：外边距

border：边框

padding：内边距

而内边距里面的就是内容，每个标签及网页都有自带的边距，

1.今天主要学习了调节边距大小，

边距调节顺序为“顺时针”  上→右→下→左，例如：maigin:5px 10px 4px 10px   

无值时取对应边距，也可以只调一边，例如：maigin-top:5px

2.边框由:border-color  边框颜色、border-width 边框粗细、border-style  边框样式，组成，

这些都是可以单独调节的，调节顺序跟边距一样，也可以单独调节一边。

盒子计算方式：盒子的宽度=内容(content)宽度+左右边框宽度+左右内边距+左右外边距

盒子的高度=内容(content)高度+上下边框宽度+上下内边距+上下外边距

可以通过选择器调节标签的盒子大小，改变样式等，实现基本定位，主要在于代码量过多，

尽量多使用缩写形式来减少代码量。