CSS SPAN和DIV的区别

CSS SPAN和DIV的区别

SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。

　　下面以一个实例来说明这两个属性的区别。

　　代码：

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

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

　　效果：

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

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

代码:+ P& /1 P, Q* ^/ J% p/ `
% l5 Z9 h+ }( N) O4 v' j: l
　　SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，标识符允许你将一个段落分成不同的部分。3 D, o2 h9 F& m) g; Z' ?
8 J. L+ v; S% P
　　还有一个标识符具有类似的功能，
- k+ m. /9 s2 v! o b
DIV也被用来在HTML文件中建立逻辑部分。但与 9 y3 T4 Y4 `- G& J: U2 u0 d7 ?: Q
SPAN不同， S: I6 S* b; h( {3 m' e2 r
工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。 + g5 q4 t9 M5 W/ D6 q j, ]. o% b
: w- O% `% D/ F" z e Q9 n7 q b
　　效果:

 

+ t- s# z% Q5 J9 R& P
. r6 s. F4 |; M) f. }
　　SPAN不同，

看了很多，发现大家的这个文章，不吃从哪里拷贝的，由于网页的原因，代码和效果，都没有表现出来，放了两种摘抄的，我想下边的那段更接近原文些，只是它的代码里，没有了<span>和<div>

HTML只是赋予内容的手段，大部分HTML标签都有其意义（标签p创建段落，h1标签创建标题等等）的，然而span和div标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。但实际上，与CSS结合起来后，它们被用得十分广泛。

　　它们被用来组合一大块的HTML代码并赋予一定的信息，大部分用类属性class和标识属性id与元素联系起来，见CSS中级指南的类和id选择符。

　　span和div的不同之处在于span是内联的，用在一小块的内联HTML中，而div（想想division是什么意思）元素是块级的（简单地说，它等同于其前后有断行），用于组合一大块的代码。

　　 This is crazy

在实践中，div，特别是span不应该滥用，尽管有其他相左的意见。比如，你要强调单词“crazy”和加粗类“paper”，可能会用这样的代码：

　　 This is crazy

这是做法比再加一个span比较好。

　　对于类class和标识id没有线索？别担心，在CSS中级指南中会接触到它们。你所需要记住的是，span和div 是“无意义”的标签。