CSS基础——盒子模型
在接触HTML 的过程中，除了各种标签、属性、声明之外，必不可少的还需要对页面的排版布局来考虑。此时盒子模型就显得尤为重要了。
顾名思义，盒子模型就是在CSS中可以将HTNL标签当成一个个的盒子，通过盒子的内外边距，边框和内容，来协调控制各内容的排版。
标准盒模型组成：
内容区content + 填充补白（里面的)padding + 边框 border+外边距（margin）
用个简单的div来看下效果：
里面的div长宽为200px，加上3px的边框，20px的内外边距
盒子被撑大了，显然，一个盒子容器的大小是由内容区，padding和border决定的，所以，增加padding和border会使原有的盒子撑大。
Padding:
控制内容到边框之间空白区域的距离，增加padding会使得盒子被撑大，内容区域的大小就是盒子模型所设置的大。
Margin:
margin的用处就是控制最外围元素到边框的距离
最低0.47元/天 解锁文章
250
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
