css元素的显示方式

块级元素

典型代表:   div ,p, h,ul....

特点:
1:独自占据一行

2:可以设置有效宽高

3:当发生嵌套的时候,如果没有给子元素设置宽高,子元素的宽度和父元素一样宽

行内元素

代表: span, em,a,strong....

特点:
1:多个元素在一行内显示

2:无法设置有限宽高

3:宽度由容器里的内容决定

行内块元素

代表:input,img...

特点:

1:多个行内块在一行上显示

2:可以设置有效宽高

模式转换

display     设置元素的显示模式

block        转换为块级元素

inline         转换为行内元素

inline-block     转换为行内块元素