CSS+DIV进行的页面布局

目录

1.DIV+CS布局

2.CSS的定位机制

3.浮动属性

4.常见的浮动布局

5.清除浮动

6.定位属性

7.在页面布局中常用的CSS属性

8.CSS中的块元素和行内元素

9.html中的块元素和行内元素

---

1.DIV+CS布局

 (1)确定版心：网页的主体内容,在页面中水平居中显示
 (2)分析页面中的模块
 (3)控制页面中各个模块

这个布局中，div承载的是内容，而css承载的是样式。

DIV本身就是容器性质的，你不但可以内嵌table还可以内嵌文本和其它的HTML代码。

注意：<div>标签可以用来组合其它的HTML元素，但不能嵌套在段落元素中，例如，<p>aa<div>bb</div>cc</p>的结果是不确定的。

2.CSS的定位机制

◆普通流方式：有元素在html文件中的位置决定(由标签在文件中的位置来决定)
◆浮动方式：元素在页面中可以左右移动,直到碰到包含框或其他浮动框
◆绝对定位：直接将元素定位到页面的任何位置(设置元素在页面中的位置坐标)

3.浮动属性

(1)浮动：元素脱离原有的标准文档流,移动到其父元素中指定的位置
(2)浮动的实现：在元素的CSS中添加float属性

        ☛left：向左浮动
        ☛right：向右浮动
        ☛none：不浮动(