歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
2022-08-27 21:46:20|已瀏覽:118次
文檔結(jié)構(gòu)元素有哪些
文檔結(jié)構(gòu)元素有哪些?CSS使用display屬性來規(guī)定元素應(yīng)該生成的框的類型,任何元素都可以通過display屬性改變默認(rèn)的顯示類型。其元素類型有這些:1.塊級元素(display:block);2.行級元素(display:inline)3.列表項(xiàng)元素(display:listitem);隱藏元素(display:none)。以下是文檔結(jié)構(gòu)元素有哪些的具體介紹。
1.塊級元素(display:block)
display屬性設(shè)置為block將顯示塊級元素,塊級元素的寬度為100%,而且其后面隱藏附帶有換行符,使塊級元素始終占據(jù)一行。例如,div常被稱為塊級元素,這意味著這些元素將顯示為一塊內(nèi)容。標(biāo)題、段落、列表、表格、分區(qū)、body等元素都是塊級元素。
2.行級元素(display:inline)
行級元素也稱內(nèi)聯(lián)元素,display屬性設(shè)置為inline將顯示行級元素,元素前后沒有換行符。由于行級元素沒有高度和寬度,因此也就沒有固定的形狀,顯示時(shí)只占據(jù)其內(nèi)容的大小。
超鏈接、圖像、范圍、表單等元素都是行級元素。
3.列表項(xiàng)元素(display:listitem)
listitem屬性值表示列表項(xiàng)目,其實(shí)質(zhì)上也是塊狀顯示,不過是一種特殊的塊狀類型,它增加了縮進(jìn)和項(xiàng)目符號。
4.隱藏元素(display:none)
none屬性值表示隱藏并取消盒模型,所包含的內(nèi)容不會被瀏覽器解析和顯示。通過把display設(shè)置為none,該元素及其所有內(nèi)容將不再顯示,也不占用文檔中的空間。
5.其他分類
除上述常用的分類之外,還包括以下分類:
display:inline-table I run-in I table I table-caption I table-cell I table-column I table-column-groupI table-rowI table-row-group | inherit如果從布局角度來分析,上述顯示類型都可以劃歸為block和inline兩種,其他類型都是這兩種類型的特殊顯示。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.dedgn.cn/news-id-52779.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注網(wǎng)頁制作頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050