黑马程序员技术交流社区

标题: 区别 [打印本页]

作者: 果粒橙Cc 时间: 2014-5-23 23:27
标题: 区别
div区域和span区域有什么区别?

作者: 蓝雨星空 时间: 2014-5-24 09:03
div区域换行，span区域不换行，就是这样的区别，其他一样

作者: 远行的人2号 时间: 2014-5-24 09:48
用div层能够包含大段区域，也就是能够换行，而span只能包含一行元素。

作者: Ф福@ 御 时间: 2014-5-24 11:29
DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表（共同点）。
两者最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌元素)。
详解：1.所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行，测试一下下面的代码你会有更形象的理解：
测试<span>紧跟前面的"测试"显示</span><div>这里会另起一行显示</div>
2.块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化，如：
测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示</span>

＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，＜span＞标识符允许你将一个段落分成不同的部分。

　　还有一个标识符具有类似的功能，＜div＞DIV也被用来在HTML文件中建立逻辑部分。但与＜div＞SPAN不同，＜div＞工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

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

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

span和div

作者: 果粒橙Cc 时间: 2014-5-25 23:44
谢谢大家辛苦了

作者: 果粒橙Cc 时间: 2014-5-28 06:29
恩好的，谢谢

作者: 满面春风 时间: 2014-5-28 07:16
div 是块级标签，是一个容器，可以包含其他标签；span是超标签，用来突出显示字体样式的。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2