第七章
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