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

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

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

　　下面以一個實例來說明這兩個屬性的區(qū)別。

　代碼:

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

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

　效果:

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

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

【編輯推薦】

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