span 和 div 的區別

span 和 div 的區別在于，div(division)是一個塊級元素，可以包含段落、標題、表格，乃至諸如章節、摘要和備注等。而span 是行內元素，span 的前后是不會換行的，它沒有結構的意義，純粹是應用樣式，當其他行內元素都不合適時，可以使用span。

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

<div>還有一個標識符具有類似的功能，div也被用來在html文件中建立邏輯部分。</div><div>但與span不同，工作于文本塊一級，</div><div>它在它所包含的html元素的前面及后面都引入了行分隔。</div>

------------------------------------------------------------

class和id的區別

在樣式表定義一個樣式的時候，可以定義id也可以定義class。

　　1、在css文件里書寫時，id加前綴“#”；class用“.”

　　2、id一個頁面只可以使用一次；

　　　class可以多次引用。

　　3、id是一個標簽，用于區分不同的結構和內容，就象名字，如果一個屋子有2個人同名，就會出現混淆；

　　　 class是一個樣式，可以套在任何結構和內容上，就象一件衣服；

　　4、從概念上說就是不一樣的：

　　　id是先找到結構/內容，再給它定義樣式；

　　　class是先定義好一種樣式，再套給多個結構/內容。

　　目前的瀏覽器還都允許用多個相同id，一般情況下也能正常顯示，不過當你需要用javascript通過id來控制div時就會出現錯誤。

看完本文后,您還可以看：

css教程：網頁中span和div的區別