css行内元素、块元素、行内块元素的区别

行内元素的特点：

1.和其他元素在一行显示

2.元素的宽度、高度、行高及底部边距不可编辑

3.元素的宽度就是它包含的文字或图片的宽度，不可改变

4.行内元素只能容纳纯文本或者是其他的行内元素（a标签除外，a里面不能放自己）

5.默认不会换行

注意：行内元素里不能放块元素， 并且和相邻的行内元素在一行上，块元素里可以嵌套行内元素和行内块元素

常见的行内元素：

a b span img input  select  strong button        

块元素的特点：

1.每个块级元素都是从新的一行开始，并且其后的元素也另起一行

2.元素的宽度、高度、行高以及顶部和底边距都可以设置

3.元素的宽高在不设置的情况下，是他本身父容器的100%，除非设定一个宽度

4.多个块状，默认排列从上到小

常见的块元素：

 div p  ul li ol dl dt dd h1 h2 h3 h4 h5 h6

行内块元素的特点：

 行内块元素既具有行内元素特点即不独占一行，又具有块元素特点即可以设置宽高

常见的行内块元素：

 img input 

 行内元素，行内块元素，块元素的转换

display：block ，将元素转换为块级元素

display :  inline ，将元素转换为行内元素

display：inline-block，将元素转换为行内块级元素