替换元素
浏览器根据其标签的元素与属性来判断显示具体的内容。<img>
、<input>
、<textarea>
、<select>
、<object>
都是替换元素,这些元素都没有实际的内容。
替换元素一般有内在尺寸,所以具有width和height,可以设定。例如你不指定img的width和height时,就按其内在尺寸显示,也就是图片被保存的时候的宽度和高度。
对于表单元素,浏览器也有默认的样式,包括宽度和高度。
替换元素display默认为inline。
不可替换元素
它们将内容直接告诉浏览器,将其显示出来。
行内替换元素
height/width/padding/margin均可用。效果等于display:inline-block元素。
行内非替换元素
height/width/padding top、bottom/margin top、bottom均无效果。只能用padding left、right和padding left、right改变宽度。