行内元素，块状元素，行内块元素的特点

 

 

 

 

 

 

行内元素的特点：1.设置宽高无效。

　　　　　　　　2.对margin设置左右方向有效，上下无效；对padding 设置上下左右都有效，会撑大空间。

　　　　　　　　3.不会自动进行换行

转换为行内元素方式：display:inline;

 

 

 

 

块级元素的特点：1.能识别宽高。
　　　　　　　　2.margin和padding 上下左右均对其有效

　　　　　　　　3.可以自动换行

　　　　　　　　4.多个块状元素标签写在一起，默认排列方式为从上至下

块级元素如：div，p,ul , ol , li, dl, dt ,dd ,header,footer

转换为块级元素方式：display:block;

 

　　　　　　　　

 

 

行内块元素的特点：行内块元素综合了块级元素和行内元素的特征，各有取舍。 　　　　　　　

　　　　　　   　1.不自动换行。

　　　　　　　　2.能够识别宽高。

　　　　　　　　3.默认排列方式从左到右。

转换为行内块元素方式：display:inline-block;