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。