html中的容器級標簽和文本級標簽,css中的塊級元素和行內元素是我們常常拿來比較的四個名詞(行內塊級暫時先不考慮)。注:如果標簽嵌套錯誤,可能會發生瀏覽器解析錯誤的情況,只是針對嵌套做的這個。
容器標簽
1、容器級的標簽可以簡單的理解為能嵌套其它所有標簽的標簽。
2、常見容器級的標簽: div h ul ol dl li dt dd ...。
文本標簽
1、文本級的標簽對應容器級標簽,只能嵌套文字/圖片/超鏈接的標簽。
2、常見文本級的標簽:span p buis strong em ins del ...。
塊級元素
1、css中的塊級元素基本與html中的容器級標簽對應,包括: **p** div h ul ol dl li dt dd ...。
2、*ps:不用刻意去記憶哪些標簽是文本級的哪些標簽是容器級, 在企業開發中一般情況下要嵌套都是嵌套在div中, 或者按照組標簽來嵌套(ul>li, ol>li , dl>dt+dd).*
行內元素
1、行內元素也基本與文本標簽對應:span buis strong em ins del。
塊級元素與行內元素
1.塊級元素獨占一行,行內元素不獨占。
2.如果沒有設置寬高,塊級元素默認與父元素一致,設置了則按設置的顯示;
行內元素不可以設置寬高,默認與包含的內容高度一致。
ps:為了能夠讓元素既能夠不獨占一行, 又可以設置寬度和高度, 那么就出現了行內塊級元素
css中顯示模式的切換
可以通過標簽的display屬性設置顯示模式。
display取值
1、block 塊級
2、inline 行內
3、inline-block 行內塊級
總結:一般塊級元素都是容器級標簽,但是有幾個特殊的塊級元素只能包含內嵌元素,不能再包含塊級元素
h1、h2、h3、h4、h5、h6、p、dt