div 和 span 標(biāo)簽
div標(biāo)簽：配合CSS完成網(wǎng)頁的基本布局磁奖，設(shè)置樣式
span標(biāo)簽：配合CSS來修改網(wǎng)頁中的布局信息
div標(biāo)簽和span標(biāo)簽的區(qū)別：
1破加、div會(huì)自動(dòng)換行贡必，span不會(huì)自動(dòng)換行
2兔港、div是一個(gè)容器級(jí)標(biāo)簽，span是一個(gè)文本級(jí)標(biāo)簽
容器級(jí)標(biāo)簽：里面可包含其它所有的標(biāo)簽
如：div h ul ol dl li dt dd ...
文本級(jí)標(biāo)簽：只能放文字仔拟、超鏈接衫樊、圖片
如：span p buis stong em ins del ...
CSS元素的顯示模式：
- 在HTML中，所有的標(biāo)簽分為容器級(jí)和文本級(jí)兩類
- 在CSS中理逊，所有的標(biāo)簽分為塊級(jí)元素和行內(nèi)元素
塊級(jí)元素：會(huì)獨(dú)占一行橡伞，所有的容器級(jí)都是塊級(jí)元素
如：p div h ul ol dl li dt dd ...
行內(nèi)元素：不會(huì)獨(dú)占一行
如：span buis stong em ins del ...
塊級(jí)元素和行內(nèi)元素的區(qū)別：
-塊級(jí)元素獨(dú)占一行，行內(nèi)元素不會(huì)
-如果沒設(shè)置寬高晋被，塊級(jí)元素默認(rèn)和父元素一樣寬高兑徘，行內(nèi)元素默認(rèn)和內(nèi)容一樣寬高，且行內(nèi)元素不能設(shè)置寬高度
行內(nèi)塊級(jí)元素：不換行羡洛，又能設(shè)置寬度和高度
如：img
CSS代碼中
元素顯示模式轉(zhuǎn)換：
行內(nèi)——>塊級(jí) span { display:block; }
塊級(jí)——>行內(nèi) div{ display:inline; }
行內(nèi)——>行內(nèi)塊級(jí) span { display:inline-block; }
塊級(jí)——>行內(nèi)塊級(jí) p { display:inline-block; }
塊級(jí)——>行內(nèi)塊級(jí) div{ display:inline-block; }
