div是塊級元素，也就是說div中的東西會占據(jù)網(wǎng)頁窗口的一整行，哪怕這個div的寬度只有1px也要占據(jù)一整行

span是內(nèi)聯(lián)元素,也就是說span后面的元素會緊跟著span元素，不會換行

注：內(nèi)聯(lián)元素，比如psan, a等標(biāo)簽無法指定寬度和高度，想要指定它們的高度和寬度需要對它們進(jìn)行塊化
也就是說span{display:block;}

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)記有一個重要而實用的特性，即它什么事也不會做，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，<span>標(biāo)識符允許你將一個段落分成不同的部分。 還有一個標(biāo)識符具有類似的功能，<div>DIV也被用來在HTML文件中建立邏輯部分。但與<div>SPAN不同，<div>工作于文本塊一級，它在它所包含的HTML元素的前面及后面都引入了行分隔。

<div>是塊級元素。其表現(xiàn)的特性是“行布局”形式，這里的“行布局”的意思就是說其表現(xiàn)形式始終以行進(jìn)行顯示。

<spen>是內(nèi)聯(lián)元素。內(nèi)聯(lián)元素一般都是基于語義級(semantic)的基本元素，內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素