一，盒子模型内边距
1，内边距(padding)：内容区和边框之间的距离是内边距。
内容：①一共具有四个方向的内边距：
padding-top，padding-right，padding-bottom，padding-left
②内边距的设置会影响到盒子的大小
③背景颜色会延伸到内边距上
④一个盒子的可见框的大小，由内容区，内边距和边框共同决定。所以在计算盒子大小时，需要将三个区域加到一起计算。
padding 内边距的简写属性，可以同时指定四个方向的内边距，规则和boder-width一样
二，盒子模型外边距
1，外边距(margin)：外边距不会影响盒子可见框的大小，但是外边距会影响盒子的位置。
内容：①一共有四个方向的外边距：
margin-top：上外边距，设置一个正值，元素会往下移动
margin-right：默认情况下设置margin-right不会产生任何效果
margin-bottom：下外边距，设置一个正值，其下边的元素会向下移动
margin-left：左外边距，设置一个正值，元素会往右移动
②margin也可以设置负值，如果是负值则元素会向相反的方向移动
③元素在页面中按照自左向右的顺序排列的，所以默认情况下如果我们设置的左和上外边距则会移动元素自身，而设置下和右外边距会移动其他元素
④margin会影响到盒子实际占用空间
2，margin的简写属性：margin可以同时设置四个方向的外边距，用法和padding一样
878
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
