css行盒的盒模型

常见的行盒

包含具体内容的元素
span、strong、em、i…

特点

1.盒子沿着内容延伸
2.行盒不能设置宽高
调整行盒的宽高，应该使用字体大小、行高、字体类型等等间接调整。
3.内边距（填充区）
水平方向有效，垂直方向不会实际占据空间
4.边框
水平方向有效，垂直方向不会实际占据空间
5.外边距
水平方向有效，垂直方向不会实际占据空间。

行块盒

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

空白折叠

发生在行盒内部或行盒之间
有时候我们在容器里面放图片会出现白边的问题，解决它只需要给容器设置font-size：0或者让图片浮动

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

大部分元素，页面上显示的结果，取决于元素内容，为非可替换元素
少部分元素，页面上显示的结果，取决于元素属性，为可替换元素
可替换元素：img、video、audio
绝大部分可替换元素均为行盒
可替换元素类似于行块盒，盒模型中所有尺寸都有效。