前言
- 什么是可替换元素,什么是非可替换元素,它们各自有什么特点?
什么是替换元素
所谓可替换元素(replaced element),是指一些展现效果不由CSS来控制的元素。这些元素是一种外部对象,它外观的渲染,是独立于CSS的。
简单来说,它们的内容不受当前文档的样式的影响。CSS可以影响可替换元素的位置,但不会影响到可替换元素自身的内容。某些可替换元素,例如<iframe>元素,可能具有自己的样式表,但它们不会继承父文档的样式。
与替换元素相对应的,就是非替换元素,顾名思义就是那些样式完全由CSS来控制的元素,例如p,h1~h6等。
更多参考developer.mozilla.org/zh-CN/docs/…
常见的替换元素
典型的可替换元素有:
有些元素仅在特定情况下被作为可替换元素处理,例如:
总结
- 什么是可替换元素,什么是非可替换元素,它们各自有什么特点?
可替换元素是指一些展现效果不由CSS来控制的元素。
比如img元素就是一个可替换元素,它在页面中显示出的效果主要取决于你连接的是什么图片,图片是什么它就展示什么,CSS虽然可以控制图片的尺寸位置,但永远无法控制图片本身。
img、video、iframe、embe等元素都属于可替换元素。
非可替换元素就是指的普通元素,它具体在页面上呈现什么,完全由CSS来决定。