CSS SPAN和DIV的区别
SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。
& h1 i9 ?4 |9 [/ M' v9 y3 Z
, B7 v. _& k/ k1 ~# K& l) {! ? 下面以一个实例来说明这两个属性的区别。! T- z3 f: V7 k! z* t
$ k3 z7 k1 x3 }, l' t 代码:
7 M4 [; ?( Y7 y. ^3 d" w' s; d
SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,标识符允许你将一个段落分成不同的部分。
# F: k" A/ u6 V: e, S7 D# a* C( Q
8 A6 u% ~9 J' X8 o' O( D 还有一个标识符具有类似的功能, ) l9 P C0 n! J" m* a4 {0 r$ v
* U8 P, p6 L$ f9 G
DIV也被用来在HTML文件中建立逻辑部分。但与 ! `% v8 t& \8 K9 ]& N+ a- i$ p
SPAN不同,
. j; |1 L0 m6 k工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。 3 z' r0 l, a1 w2 |+ O9 Z6 {. A# \ Z" I
; U2 R) v* u$ j1 x( ^' H0 V
效果:( T( c% K, K+ H
3 K: Y2 k8 h2 {! M+ B: n. I5 ^/ D* [, F$ P
SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,标识符允许你将一个段落分成不同的部分。
, e' T: F, K$ p2 E7 Q
8 |% w4 ~6 F/ v3 R, `# C' O 还有一个标识符具有类似的功能,
! U6 r" }1 j7 M8 m m
$ b6 A+ z, w; r DIV也被用来在HTML文件中建立逻辑部分。但与
' K2 U4 W d. X) M$ r; M# P! T/ S) D) F% j: X
SPAN不同,2 Q l8 r c+ o# b
- e# m% A ~- @) S
工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。