塊級標籤與內聯標籤

2022-01-16 18:23:03 字數 783 閱讀 9057

學習的初期,我們就要知道,標準文件流等級森嚴。標籤分為兩種等級:

比如h1標籤和span,同時設定寬高,來看瀏覽器效果,那麼你會發現:

行內元素和塊級元素的區別:(非常重要)

行內元素:

塊級元素:

塊級元素和行內元素的分類:

在以前的html知識中,我們已經將標籤分過類,當時分為了:文本級、容器級。

從html的角度來講,標籤分為:

現在,從css的角度講,css的分類和上面的很像,就p不一樣:

我們可以通過display屬性將塊級元素和行內元素進行相互轉換。display即「顯示模式」。

塊級元素可以轉換為行內元素:

一旦,給乙個塊級元素(比如div)設定:

display: inline;
那麼,這個標籤將立即變為行內元素,此時它和乙個span無異。inline就是「行內」。也就是說:

行內元素轉換為塊級元素:

同樣的道理,一旦給乙個行內元素(比如span)設定:

display: block;
那麼,這個標籤將立即變為塊級元素,此時它和乙個div無異。block」是「塊」的意思。也就是說:

標準流裡面的限制非常多,導致很多頁面效果無法實現。如果我們現在就要併排、並且就要設定寬高,那該怎麼辦呢?辦法是:移民!脫離標準流

css中一共有三種手段,使乙個元素脫離標準文件流:

html塊標籤,內聯標籤

1.內聯標籤和塊級標籤的主要區別 塊元素內聯元素 獨佔一行,預設情況下,其寬度自動填滿其父元素寬度 相鄰的行內元素會排列在同一行裡,直到一行排不下,才會換行,其寬度隨元素的內容而變化 可以設定width,height屬性 行內元素設定width,height屬性無效 可以設定margin和paddi...

xhtml標籤中的塊級元素標籤與內聯元素標籤

塊元素 block element 形象點說就是乙個四方塊,可以放在頁面上任何地方,一般都會另起一行顯示。常見的塊級元素標籤 主要的結構化塊狀元素 支援結構化的元素 終端塊狀元素 多目標塊狀元素 內聯元素 inline element 一般都是基於語義級 semantic 的基本元素,只能容納文字或...

HTML常用標籤 內基本標籤(塊級標籤和內聯標籤)

html常用標籤 內基本標籤 塊級標籤和內聯標籤 一.系列標籤 n的取值範圍是1 6,從小到大,用來表示標題。1 6doctype html 7 html lang en 8 head 9 meta charset utf 8 10 title yinzhengjie title 11head 12...