首頁  >  文章  >  web前端  >  區塊級元素和行內區塊元素是什麼?

區塊級元素和行內區塊元素是什麼?

云罗郡主
云罗郡主原創
2018-11-10 14:28:3813317瀏覽

在css基礎當中,我們往往會遇到塊元素和行內元素,塊元素和行內元素也是很重要的基礎知識,很多學生都感覺不重要,都不去學習,其實也是不正確的選擇,下面我們來講述一下區塊級元素和行內塊元素是什麼?

區塊級元素和行內區塊元素是什麼?

很多學生在學習的時候,發現原始碼中的元素有的是獨佔一行的,跟別的元素是不在一行的,這裡是指的是不在程式碼中獨佔一行,而是在瀏覽器中獨佔一行,而有的標籤是跟其他元素在同一行,例如標籤。標籤又叫元素,例如標籤又叫元素,不同的人有不同的叫法。 【建議閱讀:html5中關於div與span html區塊級元素的詳細介紹

html元素我們可以根據表現形式,分為兩大類:

一:塊元素

塊元素在很多瀏覽器中,都是顯示佔據一行,並且排斥其他元素和其他元素在同一行,在瀏覽器中,區塊元素出現的形狀是矩形,並且盛放其他元素。

例如有div,和h1~h6,p,hr,ol,ul。這些標籤應該都不是很陌生,其中,

標籤是塊標籤,並且獨立佔據一行,中間也排斥任何元素跟

同一行,而和標籤是行內元素。

二:行內元素

行內元素剛好與區塊元素相反,在瀏覽器中,區塊元素都是預設其他元素一行。其中就包括strong,em,span,input。行內元素可以和其他元素位於同一行,不可以容納區塊元素,但可以容納其他行內元素。

以上就是對區塊級元素和行內塊元素是什麼的全部介紹,如果你想了解更多有關Html5教程,請關注php中文網。


以上是區塊級元素和行內區塊元素是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn