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

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

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

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

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

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

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