SPAN元素和DIV元素有什么区别

SPAN元素和DIV元素有什么区别

解决思路 ：
最明显的区别是：DIV是块元素，SPAN是内嵌元素。 块元素相当于内嵌元素在前后各加一个<br>换行。其实，块元素和行内元素也不是一成不变的，只要给块元素定义 display:inline，块元素就成了内嵌元素，同样地，给内嵌元素定义了display:block就成了块元素了。

具体步骤 ：
代码示例：

<style>
div,span{border:1px solid #000;margin:2}
</style>
<div>div1</div><div>div2</div>
<span>span1</span><span>span2</span>
<br>
<div style="display:inline">div3</div>
<div style="display:inline">div4</div>
<span style="display:block">span3</span>
<span style="display:block">span4</span>

技 巧：有些朋友会说DIV是层标签，其实HTML里是没有层这个说法的，只不过是为了易于理解，Dreamweaver里才这样写的，每个对象都可以成为“ 层”，只需要给对象定义position属性(值为absolute或relavite)。例如，要让图片成为“层”，可以这样写代码：

<img src="demo.gif" style="posibion:absolute;left:20;top:20">

block和inline的区别，其实这两种显示元素的区别，很多书上都有详细的讲解，推荐翻翻apress的《pro html&css design patterns》，是我见过总结最好的资料……
btw，inline常见的翻译是 行内而不是内嵌。