ch09-应用CSS+Div活布局网页.pptxVIP

Dreamweaver CS5网页设计与制作基础教程 第9章 应用CSS+Div灵活布局网页 9.1 初识Div 9.1.1 Div概述 9.1.2 Div和Span的相同点 9.1.3 Div与Span的区别 9.1.1 Div概述 Div全称division 意为“区分”，称为区隔标记。作用是设定字、画、表格等的摆放位置。当使用CSS布局时，主要把其用在Div标签上。 9.1.2 Div和Span的相同点 span标记与div标记一样，作为容器标记而被广泛应用在HTML语言中，在span与/span中间同样可以容纳各种HTML元素，从而形成独立的对象，如，把“div”换成“span”，执行后也会发现效果完全一样。可以说div与span这两个标记起到的作用都是独立出各个区块，在这个意义上二者没有太多的不同。 9.1.3 Div与Span的区别 div与span的区别在于，div是一个块级元素，包围的元素会自动换行，而span仅仅是一个行内元素，在前后不会换行，span没有结构上的意义，纯粹是应用样式，当其他行内元素都不合适时，就可以使用span元素。 此外，span标记可以包含于div标记之中，成为子元素，而反过来则不成立，即span标记不能包含div标记。 9.2　CSS定位 9.2.1　盒子模型 9.2.2　float定位 9.2.3　position定位 9