首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

HTML中div跟span两个标签的区别

2012-09-02 
HTML中div和span两个标签的区别解决思路 : 最明显的区别是:DIV是块元素,SPAN是内嵌元素。块元素相当于内嵌

HTML中div和span两个标签的区别

解决思路 :
最明显的区别是: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">

热点排行