DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表（共同点）。
两者最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌元素)。
详解：1.所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行，测试一下下面的代码你会有更形象的理解：
测试紧跟前面的"测试"显示
2.块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化，如：
测试
转载：
＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，＜span＞标识符允许你将一个段落分成不同的部分。
还有一个标识符具有类似的功能，＜div＞DIV也被用来在HTML文件中建立逻辑部分。但与＜div＞SPAN不同，＜div＞工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。
技巧：有些朋友会说DIV是层标签，其实HTML里是没有层这个说法的，只不过是为了易于理解，Dreamweaver里才这样写的，每个对象都可 以成为“层”，只需要给对象定义position属性(值为absolute或relavite)。例如，要让图片成为“层”，可以这样写代码：
- 来源：互联网
html4规范的一大突破就是引入了一大空元素和
和
示例如下
文件说明
设计者在代码中输入了4个单词，单词之间没有换行，也没有空格。然后为每一个单词嵌套上和
元素包含的内容，在显示格式上没有任何变化，没有因为插入元素而产生换行或者其他排版效果。这样
的显示效果称为“行内元素”，设计者可以在一段文本中插入任意多对元素，然后添加字体、颜色、背景、边框和边距等各种格式。
正是有了和
1、行内样式定义元素
属于行内样式定义元素，它的插入不会使原有结构产生任何变化，直到设计者为它提供了属性为止。
基本语法
元素的首尾标记必须同时成对出现，且元素允许多重嵌套，也就是说，一个元素中可以嵌套任意多个元素。
文件范例 HTML 和 CSS都是网页制作必不可少的工具，详情请参阅帮助文件。
文件说明
设计者对“HTML”和“CSS”两个单词使用了元素，其中style元素用前景色、背景色和鼠标样式定义，同时还对于语
言编码、鼠标跟踪文字提醒进行了lang和title属性定义。对于“帮助文件”4个字，设计者利用元素的style属性对它定
义了下划线和鼠标样式，同时也对语言解码、鼠标跟踪文字提醒进行了lang和title属性定义，onclick属性可以插入脚本，设置用户鼠标单击后的
浏览器动作。
除了进行文本行内定义，还可以对HTML元素和属性无法定义的地方进行样式设置。
文件范例
文件说明
利用，可以在任意位置对特定字符进行样式格式化，即使字符包含在
2、块级样式定义
基本语法
文件范例
由于
文件说明
该文档没有使用任何的表格和图片，但是却能模拟一个屏幕数字“5”，依靠的就是
01
02
03
04
05
15
16
17 生命必须元素
18 水
19 维生素
20 蛋白质
21 矿物质
22
23
24
25
26
27
28
01
02
03
04
05
14
15
16
17
18
01
02
03
04
05
13
14
15
16
17
18
19
20
01
02
03
04
05
08
09
10
11
12
14
15
16
17
18
19