css盒模型理解

块级元素与内联元素

根据外在盒子是块级还是内联，可以把元素分为：

• 块级元素：独占一行。

• 内联元素：排列在一行。

替换元素与非替换元素

根据是否有可替换内容，元素分为

• 替换元素

内容可以替换。如

<img>、<object>、<video>、<iframe>或者表单元素<textarea>和<input>


一些元素有默认的尺寸：300 x 150 ，如 <video>、<iframe>、<canvas>
<img>默认尺寸为0
<input>与浏览器有关

所有的替换元素都是内联水平元素，但是，替换元素默认的display值却是不一样的。

• 非替换元素