本文和大家重點(diǎn)討論一下CSS中SPAN和DIV的區(qū)別，SPAN和DIV的區(qū)別在于，SPAN是行內(nèi)元素，SPAN的前后是不會(huì)換行的，它沒(méi)有結(jié)構(gòu)的意義，純粹是應(yīng)用樣式，當(dāng)其他行內(nèi)元素都不合適時(shí)，可以使用SPAN。

CSS中SPAN和DIV的區(qū)別

SPAN和DIV的區(qū)別在于，DIV(division)是一個(gè)塊級(jí)元素，可以包含段落、標(biāo)題、表格，乃至諸如章節(jié)、摘要和備注等。而SPAN是行內(nèi)元素，SPAN的前后是不會(huì)換行的，它沒(méi)有結(jié)構(gòu)的意義，純粹是應(yīng)用樣式，當(dāng)其他行內(nèi)元素都不合適時(shí)，可以使用SPAN。

　　下面以一個(gè)實(shí)例來(lái)說(shuō)明這兩個(gè)屬性的區(qū)別。

　代碼:

　　SPAN標(biāo)記有一個(gè)重要而實(shí)用的特性，即它什么事也不會(huì)做，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，標(biāo)識(shí)符允許你將一個(gè)段落分成不同的部分。

　　還有一個(gè)標(biāo)識(shí)符具有類似的功能，DIV也被用來(lái)在HTML文件中建立邏輯部分。但與SPAN不同，工作于文本塊一級(jí)，它在它所包含的HTML元素的前面及后面都引入了行分隔。

　效果:

　　SPAN標(biāo)記有一個(gè)重要而實(shí)用的特性，即它什么事也不會(huì)做，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，標(biāo)識(shí)符允許你將一個(gè)段落分成不同的部分。

　　還有一個(gè)標(biāo)識(shí)符具有類似的功能，DIV也被用來(lái)在HTML文件中建立邏輯部分。但與SPAN不同，工作于文本塊一級(jí)，它在它所包含的HTML元素的前面及后面都引入了行分隔。

【編輯推薦】

1. DIV自適應(yīng)高度寫法簡(jiǎn)介
2. DIV＋CSS設(shè)計(jì)IE6、IE7、Firefox兼容性
3. DIV布局規(guī)范中CSS類及id命名方式
4. 探究DIV顯示和隱藏用法
5. 將XHTML+CSS頁(yè)面轉(zhuǎn)換為打印機(jī)頁(yè)面技巧