1.盒子模型:内容的宽度(width)边框(border) 内填充(padding) 外边距(margin)
2.#各个属性的值需要单独设置:上(top) 右(right) 下(button) 左(left)
需与内容的宽度(width)和高度(height)区分
3.盒子的定位 三种 流动 浮动 层模型
流动模型:是默认的 块状元素是按自上而下排布 内联元素是按从左到右分布
浮动模型:设置块状模型并排显示
层模型: 有三种定位方式
绝对定位 相对定位 固定定位
绝对定位:其相对的是一个具有定位属性的父元素 如果不存在可以相对body元素
相对定位:按照float方式生成一个元素后相对于以前位置移动
absolute表里如一,移动了就是移动了。relative只是表面显示移动了,但实际还在文档流中原有位置,别的元素无法占据
固定定位:类似于小广告
4.相对定位和绝对定位的综合应用
元素之间必须存在包含关系 父亲设置相对定位 子元素设置为绝对定位