[人工智能]CSS元素的分类：行内元素、块类元素、行内块元素及其相互转换

元素分类

行内元素

常见元素：span? a? p? ...

特性：

1. 并排 中间间隙(原因: 和标签后面的空格文本解析在了一起，具有文本的特性)

2. 设置宽高不起作用 宽高就取决于内容的大小

3. 设置上下外边距不起作用 设置左右外边距可以 不能设置内边距和边框

4. 行高撑不开盒子 只会上下移动行内元素而已！

块类元素

常见元素：div

特性：

1.独立成行 一行一个 垂直排放 ?

2. 设置所有盒模型属性都起作用

3. 行高可以撑开盒子

4. 默认宽度是父盒子所有有效宽度 高度由内容撑开

行内块元素?

常见元素：img? ?

特性：

?1. 并排 中间间隙(原因: 和标签后面的空格文本解析在了一起，具有文本的特性)

2. 设置所有盒模型属性都起作用

3. 行高可以撑开盒子

4. 默认宽高取决于内容

元素类型的转换

?行内 ?display:inline;
?块 ?display:block;
?行内块 ?display:inline-block;