当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 大家需要掌握的 html下SPAN和DIV的区别

CSS样式表
event.currentTarget和document.activeElement用法
指定网页doctype解决CSS Hacking
揭开迷惑 理解CSS的浮动Float
css网页布局中注意的几个问题
H1的位置对SEO的影响
网页制作与CSS的UTF-8和GB2312编码问题
CSS制作政府公文的代码
不要使用的HTML标签(WEB标准网页布局)
CSS网页设计时关于字体大小的设计
css教程:网页字体及字体大小的设计
描述性列表UL和DL的表现形式
CSS Alpha透明相关知识学习
关于W3C CSS标准的一些经验
CSS3属性选择符介绍
CSS网页布局的好处与坏处
div css制作网页实战笔记心得
Opera下cloneNode的bug
CSS:清除浮动的最优方法
由浅入深实践学习 Web 标准
另一个角度谈谈DIV CSS

CSS样式表 中的 大家需要掌握的 html下SPAN和DIV的区别


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 56 ::
收藏到网摘: n/a

SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。
  下面以一个实例来说明这两个属性的区别。
  代码:
  <span>SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,<span>标识符允许你将一个段落分成不同的部分。
  还有一个标识符具有类似的功能,<div>DIV也被用来在HTML文件中建立逻辑部分。但与<div>SPAN不同,<div>工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。
  效果:
  SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,标识符允许你将一个段落分成不同的部分。
  还有一个标识符具有类似的功能,
DIV也被用来在HTML文件中建立逻辑部分。但与
SPAN不同,
工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。