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。

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。