html中的容器級(jí)標(biāo)簽和文本級(jí)標(biāo)簽晨横,css中的塊級(jí)元素和行內(nèi)元素是我們常常拿來(lái)比較的四個(gè)名詞(行內(nèi)塊級(jí)暫時(shí)先不考慮)惊橱。
容器標(biāo)簽
容器級(jí)的標(biāo)簽可以簡(jiǎn)單的理解為能嵌套其它所有標(biāo)簽的標(biāo)簽鼻听。
常見(jiàn)容器級(jí)的標(biāo)簽: div h ul ol dl li dt dd ...编检。
文本標(biāo)簽
文本級(jí)的標(biāo)簽對(duì)應(yīng)容器級(jí)標(biāo)簽渡贾,只能嵌套文字/圖片/超鏈接的標(biāo)簽。
常見(jiàn)文本級(jí)的標(biāo)簽:span p buis strong em ins del ...庆尘。
塊級(jí)元素
css中的塊級(jí)元素基本與html中的容器級(jí)標(biāo)簽對(duì)應(yīng)剃诅,包括: **p** div h ul ol dl li dt dd ...。
*ps:不用刻意去記憶哪些標(biāo)簽是文本級(jí)的哪些標(biāo)簽是容器級(jí), 在企業(yè)開發(fā)中一般情況下要嵌套都是嵌套在div中, 或者按照組標(biāo)簽來(lái)嵌套(ul>li, ol>li , dl>dt+dd).*
行內(nèi)元素
行內(nèi)元素也基本與文本標(biāo)簽對(duì)應(yīng):span buis strong em ins del驶忌。
塊級(jí)元素與行內(nèi)元素
1.塊級(jí)元素獨(dú)占一行矛辕,行內(nèi)元素不獨(dú)占。
2.如果沒(méi)有設(shè)置寬高付魔,塊級(jí)元素默認(rèn)與父元素一致聊品,設(shè)置了則按設(shè)置的顯示;行內(nèi)元素不可以設(shè)置寬高几苍,默認(rèn)與包含的內(nèi)容高度一致翻屈。
*ps:為了能夠讓元素既能夠不獨(dú)占一行, 又可以設(shè)置寬度和高度, 那么就出現(xiàn)了**行內(nèi)塊級(jí)元素**
css中顯示模式的切換
可以通過(guò)標(biāo)簽的display屬性設(shè)置顯示模式.
display取值:
block 塊級(jí)
inline 行內(nèi)
inline-block 行內(nèi)塊級(jí)