CSS 塊元素 內聯元素 內聯塊元素

2022-09-05 15:51:13 字數 653 閱讀 8774

元素就是標籤,不居中常用的三種標籤,塊元素,內聯元素,內斂塊元素,了解這三種元素的特性,才能熟練進行頁面布局。

地元素,也可以成為行元素,不居中常用的標籤如:

都是塊元素,他們在布局中的行為:

內聯元素,也可以成為內元素,不居中常用的標籤如:

等等都是內聯元素,他們在布局中的行為:

解決內聯元素間隙的方法:

去掉內聯元素之間的換行

將內聯元素的腹肌設定 font - size 為 0 ,內聯元素自身在設定 font - size

內聯塊元素,也叫行內塊元素 , 是增加的元素型別 , 現在元素沒有歸於此類別的。img 和 input 元素的行為類似這種元素 , 但是也歸類於內聯元素 , 我們可以用 display 屬性將塊元素或者內聯元素轉換為這種元素 。 他們在布局中表現的行為:

這三種元素,可以通過display屬性來相互轉換,不過實際開發中,塊元素用的比較多,所以我們經常把內聯元素轉換為塊元素,少量轉化為內聯塊,而要使用內聯元素時,直接使用內聯元素,而不用塊元素轉換了。

display屬性是用來設定元素的型別及隱藏的,常用的屬性有:

none 元素隱藏切不佔位置

block 元素以塊元素顯示

inline 元素以內聯元素顯示

inline - block 元素以內聯塊元素顯示

CSS 塊元素 內聯元素 內聯塊元素

元素就是標籤,布局中常用的有三種標籤,塊元素 內聯元素 內聯塊元素,了解這三種元素的特性,才能熟練的進行頁面布局。塊元素,也可以稱為行元素,布局中常用的標籤如 div p ul li h1 h6 dl dt dd等等都是塊元素,它在布局中的行為 下面採用div來進行演示一下 那麼下面有乙個想法,就是...

CSS 塊元素 內聯元素 內聯塊元素

元素就是標籤,不居中常用的三種標籤,塊元素,內聯元素,內斂塊元素,了解這三種元素的特性,才能熟練進行頁面布局。地元素,也可以成為行元素,不居中常用的標籤如 都是塊元素,他們在布局中的行為 內聯元素,也可以成為內元素,不居中常用的標籤如 等等都是內聯元素,他們在布局中的行為 解決內聯元素間隙的方法 去...

css 塊元素 內聯元素 內聯塊元素

元素就是標籤,布局中常用的有三種標籤,塊元素 內聯元素 內聯塊元素,了解這三種元素的特性,才能熟練的進行頁面布局。塊元素 塊元素,也可以稱為行元素,布局中常用的標籤,如 div p ul li h1 h6 等等都是塊元素,它在布局中的行為 1 支援全部的樣式 2 如果沒有設定寬度,預設的寬度為父級寬...