html塊級元素和內聯元素

2021-08-31 22:20:22 字數 482 閱讀 1859

塊級元素:就是乙個方塊,像段落一樣,預設佔據一行出現;

內聯元素:又叫行內元素,顧名思義,只能放在行內,就像乙個單詞,不會造成前後換行,起輔助作用。

一般的塊級元素諸如段落、標題...、列表,

body 元素的內容會顯示在瀏覽器中。

title 元素的內容會顯示在瀏覽器的標題欄中。

從上圖的例子可以看出,塊級元素預設佔據一行,相當於在它之前和之後各插入了乙個換行;而內聯元素span沒對顯示效果造成任何影響,事實也是如此;em只是讓字型變成了斜體,也沒有單獨佔據一行。這就是塊級元素和內聯元素,正因為有了這些元素,才使我們的網頁變得豐富多彩。

如果沒有css的作用,塊元素會順序以每次另起一行的方式一直往下排。而有了css以後,我們可以改變這種html的預設布局模式,把塊元素擺放到你想要的位置上去。而不是每次都愚蠢的另起一行。也就是說,可以用css的display:inline將塊級元素改變為內聯元素,也可以用display:block將內聯元素改變為塊元素。

html塊級元素和內聯元素小結

block element 塊級元素 顧名思義就是以塊顯示的元素,高度寬度都是可以設定的。比如我們常用的 預設狀態下都是屬於塊級元素。塊級元素比較霸道,預設狀態下每次都佔據一整個行,後面的內容也必須再新起一行顯示。當然非塊級元素也可以通過css的display block 將其更改成塊級元素。此外還...

塊級元素和內聯元素

我們首先要了解,所有的html元素,都要麼是block 塊元素 要麼是inline 內聯元素 下面了解一下block inline各自的特點 block元素的特點 example source code www.52css.com 總是在新行上開始 高度,行高以及頂和底邊距都可控制 寬度預設是它的容...

塊級元素和內聯元素

塊級元素和內聯元素 塊級元素 譯為 block level element,內聯元素 譯為 inline element。塊級元素在瀏覽器顯示時,通常會以新行來開始 和結束 例子 內聯元素在顯示時通常不會以新行開始。例子 html 分組標籤 定義文件中的分割槽或節 division section ...