6-div与span标签的应用

一、案例：网页简单综合布局

二、知识必备

1、div标签：主要用于文档划分区块。

2、span标签：主要用于标记要添加样式的文本。

3、块级元素与行内元素区别（重点）

块级元素（容器级）：独占一行，不能与其他任何元素并列。能设置宽高，
如果不设置宽度，宽度将默认变为父级的100%。
行内元素（文本级）：与其他行内元素并排，不能设置宽高，默认的宽度就是文字的宽度。
块级元素如：div、 table 、 li、 dl 、dt 、dd 、 h1-h6、 p
行内元素如：span、b、strong、em、i、img

 注意：
1、块级元素可以嵌套块级元素及行内元素，行内元素不能嵌套块级元素。
2、p标签中主要用于放文字、图片和表单元素，不能嵌套ul、h、p等。

4、HTML特殊符号

HTML 中的预留字符必须被替换为字符实体。

三、案例实现

未完待续。。。