CSS样式之行盒模型 ------ 2020-01-19

1、行盒模型

// 盒模型分类：块盒、行盒、行块盒；

// 常见的行盒：
img、strong、em、i、img、video、audio;

2、行盒模型的显著特点：

/**
1、盒子沿着内容延伸；
2、行盒不能设置宽高，所以调整行盒的高度可用办法有：字体大小，行高，字体类型，等间接调整方式；
3、内边距（填充区）：水平方向有效，垂直方向不会实际占据空间，会改变背景的大小；
4、边框：水平方向有效，垂直方向不会实际占据空间；
5、外边距：水平方向有效，垂直方向不会实际占据空间；
*/

3、一些行盒表现的是行块盒的特性：

// img、video、audio
// 这类元素是行盒，但是变现上类似于行块盒，盒模型中所有的尺寸都有效；