第七周作业-2013551623

div标签与span标签的区别

 

      div 和 span 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。div与span两者最显著的区别在于div是块元素可以包含段落、 标题、表格，乃至诸如章节、摘要和备注等。而span是行内（即内嵌）元素，span 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用span。如果不对div元素定义任何CSS属性，其显示效 果等于在前后各加一个<br>换行。

　　所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行。下面给出一行代码，方便大家能更形象的理解div与span的区别。 代码如下：
　　测试<span>紧跟前面的"测试"显示</span><div>从这里开始会另起一行显示</div>

　　块元素和行内元素也不是一成不变的，只要给块元素定义display:inline，块元素就成内嵌元素，同样地，给内嵌元素定义了display:block就成块元素了。如以下代码：
测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示</span>

　　行内样式定义<span>元素的基本语法：<span 属性=“属性值></span>
　　<span>元素的首尾标记必须同时成对出现，且<span>元素允许多重嵌套，也就是说，一个<span>元素中可以嵌套任意多个<span>元素。

　　块级样式定义<div>元素的基本语法：<div 属性=“属性值”></div>
　　<div>元素的首尾标记必须同时成对出现，且<div>元素允许多重嵌套，也就是说，一个<div>元素中可以嵌套任意多个<div>元素。

转载于:https://www.cnblogs.com/freezingeyes/p/5399743.html