盒子模型

• 盒子模型
  组成元素： magin 边框与其他盒子的距离 magin变大 盒子不会变化，盒子与盒子之间的距离会变大
  padding 是边框与内容区域的距离 标准盒子 padding变大 盒子变大
  border 盒子的边框
  content 标准盒子 为 width 和height
  ie盒子：
  content = width - padding-left - padding-right - border-left - border-right
  在ie 盒子中 border 与 padding变化不会改变盒子大小；会改变 内容大小
• 外边距塌陷问题：
  上下两个盒子；小的外边距被大的外边距吸收了
  针对两个上下相邻的盒子，盒子距离为大的外边距
  左右相邻盒子之间距离为 外边距之和
  总结：外边距塌陷只会发生在上下盒子之间；不发生在左右盒子之间 换句话说：上下盒子距离为大的外边距；左右盒子距离为两个盒子外边距之和
• 块元素；默认有8px的外边距
  注意：为了防止浏览器默认值影响页面效果；在初始化时候清空所有元素默认样式

    *{
        margin:0;
        padding:0
    }

补充内容

• body 标签
  默认高度为0 默认宽度百分之百 也等于视图窗口宽度
  默认外边距为8px