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

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。