替换元素和非替换元素
替换元素:指浏览器是根据元素的属性来判断具体要显示的内容的元素。比如 img
标签,浏览器是根据其 src
的属性值来读取这个元素所包含的内容的,常见的替换元素还有
input
、textarea
、 select
、 object
、 iframe
和 video
等等,这些元素都有一个共同的特点,就是浏览器并不直接显示其内容,而是通过其某个属性的值来显示具体的内容,
比如浏览器会根据 input
中的 type
的属性值来判断到底应该显示单选按钮还是多选按钮亦或是文本输入框。
非替换元素:比如 p
、label
元素等等,浏览器直接显示元素所包含的内容。
行内(inline)元素 设置margin-top和margin-bottom 是否起作用?padding-top和padding-bottom是否会增加它的高度?
- 替换元素: 是指用作为其他内容占位符的一个元素。如: img、input 等起作用;
- 非替换元素:是指内容包含在文档中的元素 如:span等不起作用;