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

標籤：使用   ar   html   sp   c   htm   type   text   不同的   

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

1.替換元素

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

例如：<img src="./image.jpg" />他由標籤元素img和屬性src來決定顯示的內容。

<input type="text" />如果text換成其他的屬性值，input會顯示不同的樣子，這也是有input和type屬性值決定顯示內容的。

像<img>、<input>、<textarea>、<select>、<object>都是替換元素，這些元素沒有實質的內容

2.非替換元素

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

比如：<p>paper</p>

 

行內非替換元素

width和height在行內非替換元素中無效。行內非替換元素框的寬度是它的內容渲染後（在任何子項目相對位移之前）的寬度，它的高則是基於字型。

<a>、<span>是行內非替換元素

 

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

 

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