行盒子的盒模型

行盒的盒模型

常见的行盒: 包含具体内容的元素
span,strong,em ,i,img,video,audio

显著特点

1. 盒子沿着内容衍生

2. 行盒不能设置宽高，行盒的宽高是根据内容的大小和多少决定的。调整行盒的大小应该使用字体的大小，行高，字体类型，间接调整。

3. 内边距（填充区）
   水平方向有效，垂直方向只影响背景，不会占据具体空间

4. 边框
   水平方向有效，垂直方向只影响背景，不会占据具体空间

5. 外边距

水平方向有效，垂直方向只影响背景，不会占据具体空间

行块盒

disply : inling-block 的盒子

1. 不独占一行
2. 盒模型中的所有尺寸都有效

在开发中经常用于分页

空白折叠经常发生在行盒内部或行盒之间

可替换元素 和 非可替换元素

大部分元素，页面上显示的内容取决于元素的内容，此元素叫非可替换元素
少部分元素，在页面上显示的内容取决于元素的属性，此元素叫可替换元素
可替换元素有 : img,video,audio
绝大部分的可替换元素都为行盒。可替换元素类似于行块盒，所有的尺寸都有效