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;