元素的分类与转换

大致分为三大类：display

1.块类型：display:block

div,p,hi,ul li,ol li

特点：

1. 默认宽度100% ，高度由内容撑开

2. 可以设置宽高，独成一行(霸道)

3. 行高可以撑开盒子高度

4. 内外边距四个方向均可设置

 

2.行内类型：display:inline

span,a,emi,strong,b

特点

1. 默认宽度和高度取决于内容

2. 设置宽高不起作用，并排，放不下会换行

3. 行高不可以撑开盒子高度，但是可以使盒子移动

4. 中间默认会有间距（原因是：行内元素就相当于文字，和后面的空字符解析在一起）

5. 设置上内边距会溢出，设置上下外边距不起作用，左右外边距可以

 

3.行内块类型：display:inline-block

特点

img,input

1. 不设置宽高是自身宽度 ，设置宽高中的一个，另外一个等比计算

2. 并排，中间有间距（图片具有文字特性）

3. 行高设置不能使图片移动

4. 边距都能设置