可替换元素(replaced element)
  1. 大多有自己的固有尺寸 Demo-1 Demo-2
  2. 一些CSS属性有自己的一套表现规则

一些替换元素的默认display属性
元素 Chrome Firefox IE
<img>
inline inline inline
<iframe>
inline inline inline
<video>
inline inline inline
<select>
inline-block inline-block inline-block
<input>
inline-block inline inline-block
range|file <input>
inline-block inline-block inline-block
hidden <input>
none none none
<button>
inline-block inline-block inline-block
<textarea>
inline-block inline inline-block

content属性生成匿名替换元素(anonymous replaced element)
  1. content生成的文本不能复制(类似user-select:none) Demo-1
  2. :empty伪类不计算content内容 Demo-1
  3. content动态生成的值无法获取

content内容生成介绍
  1. 字符内容生成 Demo-1
  2. content使用图片url Demo-1