SPAN和DIV,Class與ID的區(qū)別匯總

2024-07-11 08:43:15

字體：大中小

供稿：網(wǎng)友

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。
<span>SPAN標(biāo)記有一個重要而實用的特性，即它什么事也不會做，</span><span>它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，</span><span>標(biāo)識符允許你將一個段落分成不同的部分。</span>
<div>還有一個標(biāo)識符具有類似的功能，DIV也被用來在HTML文件中建立邏輯部分。</div><div>但與SPAN不同，工作于文本塊一級，</div><div>它在它所包含的HTML元素的前面及后面都引入了行分隔。</div>
------------------------------------------------------------CLASS和ID的區(qū)別
在樣式表定義一個樣式的時候，可以定義id也可以定義class。
　　1、在CSS文件里書寫時，ID加前綴“#”；CLASS用“.”
　　2、id一個頁面只可以使用一次；
　　　class可以多次引用。
　　3、ID是一個標(biāo)簽，用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容，就象名字，如果一個屋子有2個人同名，就會出現(xiàn)混淆；
　　　 CLASS是一個樣式，可以套在任何結(jié)構(gòu)和內(nèi)容上，就象一件衣服；
　　4、從概念上說就是不一樣的：
　　　id是先找到結(jié)構(gòu)/內(nèi)容，再給它定義樣式；
　　　class是先定義好一種樣式，再套給多個結(jié)構(gòu)/內(nèi)容。
　　目前的瀏覽器還都允許用多個相同ID，一般情況下也能正常顯示，不過當(dāng)你需要用JavaScript通過id來控制div時就會出現(xiàn)錯誤。
看完本文后,您還可以看：
css教程：網(wǎng)頁中Span和Div的區(qū)別

上一篇：CSS網(wǎng)頁布局:網(wǎng)頁頁面結(jié)構(gòu)化

下一篇：xhtml css網(wǎng)頁制作中問題解決的方式