文檔結(jié)構(gòu)元素有哪些

文檔結(jié)構(gòu)元素有哪些

      文檔結(jié)構(gòu)元素有哪些？CSS使用display屬性來(lái)規(guī)定元素應(yīng)該生成的框的類(lèi)型，任何元素都可以通過(guò)display屬性改變默認(rèn)的顯示類(lèi)型。其元素類(lèi)型有這些：1.塊級(jí)元素(display:block);2.行級(jí)元素(display:inline)3.列表項(xiàng)元素(display:listitem);隱藏元素(display:none)。以下是文檔結(jié)構(gòu)元素有哪些的具體介紹。

      1.塊級(jí)元素(display:block)

      display屬性設(shè)置為block將顯示塊級(jí)元素，塊級(jí)元素的寬度為100%，而且其后面隱藏附帶有換行符，使塊級(jí)元素始終占據(jù)一行。例如，div常被稱(chēng)為塊級(jí)元素，這意味著這些元素將顯示為一塊內(nèi)容。標(biāo)題、段落、列表、表格、分區(qū)、body等元素都是塊級(jí)元素。

      2.行級(jí)元素(display:inline)

      行級(jí)元素也稱(chēng)內(nèi)聯(lián)元素，display屬性設(shè)置為inline將顯示行級(jí)元素，元素前后沒(méi)有換行符。由于行級(jí)元素沒(méi)有高度和寬度，因此也就沒(méi)有固定的形狀，顯示時(shí)只占據(jù)其內(nèi)容的大小。

      超鏈接、圖像、范圍、表單等元素都是行級(jí)元素。

      3.列表項(xiàng)元素(display:listitem)

      listitem屬性值表示列表項(xiàng)目，其實(shí)質(zhì)上也是塊狀顯示，不過(guò)是一種特殊的塊狀類(lèi)型，它增加了縮進(jìn)和項(xiàng)目符號(hào)。

      4.隱藏元素(display:none)

      none屬性值表示隱藏并取消盒模型，所包含的內(nèi)容不會(huì)被瀏覽器解析和顯示。通過(guò)把display設(shè)置為none，該元素及其所有內(nèi)容將不再顯示，也不占用文檔中的空間。

      5.其他分類(lèi)

      除上述常用的分類(lèi)之外，還包括以下分類(lèi)：

      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如果從布局角度來(lái)分析，上述顯示類(lèi)型都可以劃歸為block和inline兩種，其他類(lèi)型都是這兩種類(lèi)型的特殊顯示。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.universityresearchassociates.com/news-id-52779.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂(yōu)網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁(yè)制作頻道查看更多，了解相關(guān)專(zhuān)業(yè)課程信息您可在線咨詢(xún)也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050