有关H5第七章的盒子模型介绍

第七章

1.margin:边界 ，盒子与盒子的距离
padding:填充 ，内容与边框的距离
border:边框
2.一个盒子实际的大小：内容+填充+边框
所占空间的大小：内容+填充+边框+边界
3.盒子之间的关系
垂直盒子：取两者中较大的值
水平盒子：取两个盒子的和
重叠盒子：margin可以往相反的方向移动
4.元素分为块状元素和行内元素
区别：排列方式不同，内嵌元素不同，属性设置不同
（1）块状标签：
标题H1~H6
段落：< p >
列表:< ul >< ol >< li >< dl >< dt >< dd >
表格:< table >
层：< div >
表单：< form >
（2）行内标签：
图像：< img >
范围：< span >
换行：< br/ >
超链接: < a >
5.float参数：6.清楚塌陷的方法：（1）对父级设置适合的高度（2）clear：both（3）对父级定义：overflow:hidden
7.盒子定位
静态定位：position=“static”
相对定位：position=“relative”(往盒子内走为正，往盒子外走为负，相对本身定位)
固定定位：position=“fixed”
绝对定位：position=“absolute”
设置元素的堆叠顺序：z-index