html三大元素梳理

块元素

div、p、form、table、h1~h6...

特点：

1、独占一行

2、可以设置宽高，内外间距

3、如果不设置宽，就会自动继承父元素的宽度

隐式转换方法：display:block

行内元素

span、a....

特点：

1、不会独占一行，会和多个行内元素并行排列，排不下才会换行

2、不能设置宽高

3、可以设置内间距和左右外间距，不可设置上下外间距

4、只能包含文字或其他行内元素，不可包含块元素

隐式转换方法：display:inline

行内块

input、img

特点：

1、不会独占一行

2、可以设置宽高、不可以设置内间距、外间距

隐式转换方法：display:inline-block