非替換元素和替換元素

2021-09-20 19:37:58 字數 872 閱讀 6992

學習資料 :

元素是文件結構的基礎,在css裡面,每個元素生成了包含內容的框(box),大家都叫「盒子」。但是不同的元素顯示方式是不同的,有佔據一整行的,有水平乙個挨著乙個的。比如:div 與span的方式不一樣。

什麼是替換元素與非替換元素

替換元素:

替換元素是瀏覽器根據其標籤的元素與屬性來判斷顯示具體的內容。

比如:type="text" 的是,這是乙個文字輸入框,換乙個其他的時候,瀏覽器顯示就不一樣

(x)html中的

非替換元素:

(x)html 的大多數元素是不可替換元素,他們將內容直接告訴瀏覽器,將其顯示出來。

比如wanmei.com

瀏覽器將把這段內容直接顯示出來。

除了這兩字,還有兩種非常屬性的元素,顯示元素,他分為兩種情況,一種是『塊及元素』 『block』,還有一種是「行內元素」inline,大家也叫「內聯元素」。

塊及元素

他最明顯的特徵就是獨自占領一行,自動充滿父級元素的內容區域,絕不會讓別人「侵略」(當然可以通過其他方式去改變他)。

常見的有:div,p..等等。

通過css設定了浮動(float屬性,可向左浮動或向右浮動)以及設定顯示(display)屬性為「block」或「list-item」的元素都是塊級元素。這個地方浮動是乙個比較特殊的情況,可以詳查浮動這個知識

行內元素:

上面說塊及元素獨自占領一行,行內元素就沒這麼霸道了,他可以左右都允許有元素,最常見的就是

通過display:'inline'設定以後都會變成行內元素。

開始做,堅持做,重複做

CSS 替換元素和非替換元素 行內非替換元素

html元素也可以分為替換元素和非替換元素 1.替換元素 替換元素是由瀏覽器根據表示的元素和屬性決定顯示的內容。例如 如果text換成其他的屬性值,input會顯示不同的樣子,這也是有input和type屬性值決定顯示內容的。像2.非替換元素 html中大多數都是非替換元素,瀏覽器直接顯示標籤元素的...

CSS 替換元素和非替換元素

元素是文件結構的基礎,在css裡面,每個元素生成了包含內容的框 box 大家都叫 盒子 但是不同的元素顯示方式是不同的,有佔據一整行的,有水平乙個挨著乙個的。比如 div 與span的方式不一樣。什麼是替換元素與非替換元素 替換元素 替換元素是瀏覽器根據其標籤的元素與屬性來判斷顯示具體的內容。比如 ...

CSS基礎 替換元素和非替換元素

簡介 根據 外在盒子 是內聯還是塊級我們可以把元素分為內聯元素和塊級元素,而根據是否具有可替換內容,我們也可以把元素分為替換元素和非替換元素。這種通過修改某個屬性值,例如 的 src 屬性,的 type 屬性,呈現的內容就可以被改變的元素稱為替換元素,例如 等等,除此之外,它還具有以下特性 1 替換...