(精)css与div介绍.pptVIP

一、div标记与span标记 1、概述 10-1.html 对于单块来说div和span没有什么区别，span标记是专门针对样式表设计的标记 divdivision是一个区块容器标记 span也是一个容器标记 都是独立出各自的区块 2、div与span的区别 10-2.html div是一个块级元素（block-level），他包围的元素会自动换行 span是一个行内元素（line elements），在他的后面不会换行，没有结构上的意义，纯粹是应用样式，当其他行内元素都不适合的时候就可以使用span元素 span可以包含于div标记中，成为他的子元素，而反过来则不成立，即span标记不能包含div标记 3、经验：在页面中大的区块使用div标记，span标记适用于需要独立设置风格的小元素，比如一个单词，一副图片和一个超链接等。 块级元素（block-level），块状标签 div标签 ol、ul、li标签 dl、dt、dd标签 p标签 table、tr、th、td标签 h1、h2、h3、h4、h5、h6标签 行内元素（line elements），内联标签 a标签 br标签 img标签 span标签 二、盒子模型 1、盒子模型的概念 是DIV排版的核心所在，传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容，改用CSS排版后，就是通过由CSS定义的大小不一的盒子和盒子