码迷,mamicode.com
首页 > 其他好文 > 详细

第七周作业-2013551623

时间:2016-04-17 00:44:05      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

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>元素。

第七周作业-2013551623

标签:

原文地址:http://www.cnblogs.com/freezingeyes/p/5399743.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!