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>
------------------------------------------------------------
在樣式表定義一個樣式的時候，可以定義id也可以定義class。
1、在CSS文件裡書寫時，ID加前綴“#”；CLASS用“.”
2、id一個頁面只可以使用一次；
class可以多次引用。
3、ID是一個標簽，用於區分不同的結構和內容，就象名字，如果一個屋子有2個人同名，就會出現混淆；
CLASS是一個樣式，可以套在任何結構和內容上，就象一件衣服；
4、從概念上說就是不一樣的：
id是先找到結構/內容，再給它定義樣式；
class是先定義好一種樣式，再套給多個結構/內容。
目前的浏覽器還都允許用多個相同ID，一般情況下也能正常顯示，不過當你需要用JavaScript通過id來控制div時就會出現錯誤。
看完本文後,您還可以看：
css教程：網頁中Span和Div的區別