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

2021-08-19 22:18:29 字數 362 閱讀 8832

html元素也可以分為替換元素和非替換元素

1.替換元素

替換元素是由瀏覽器根據表示的元素和屬性決定顯示的內容。

例如:如果text換成其他的屬性值,input會顯示不同的樣子,這也是有input和type屬性值決定顯示內容的。

像2.非替換元素

html中大多數都是非替換元素,瀏覽器直接顯示標籤元素的內容。

比如:*****

行內非替換元素

width和height在行內非替換元素中無效。行內非替換元素框的寬度是它的內容渲染後(在任何子元素相對偏移之前)的寬度,它的高則是基於字型。

、是行內非替換元素

但是浮動後的行內非替換元素可以使用width和height。

替換元素 非替換元素 行內元素框模型

對於以前比較模糊的幾個概念 替換元素 非替換元素 行內元素框模型,做了如下總結 以前對替換元素沒有概念,今天查了下資料 替換元素是瀏覽器根據其標籤的元素與屬性來判斷顯示具體的內容。img input textarea select object 等都是替換元素,這些元素都沒有實際的內容。替換元素可以...

CSS 替換元素和非替換元素

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

行內元素 塊級元素 替換元素和非替換元素

css中對元素有兩種分類 一 行內元素與塊級元素 這種分類一目了然 說到塊級元素,我們就能想到display block,說到行內元素,我們就能想到display inline。下面我們來看看這兩者的特點 塊級元素特點 1.預設獨自佔據一行,左右兩邊都沒有元素 2.可以設定寬高,在不設定寬度的情況下...