html元素三大类

html元素分为三大类：

 块级元素，行级元素，行内块元素。

块级元素：本身属性为display：inline  ；的元素才能被称为块级元素；

                   div ，h系列，p， ul ，li，ol ，dl，dd，dt

行级元素：本身属性为display：inline；的元素才能被称为行级元素；

            span，a,b,em,i,strong;

行内块元素：本身属性display：inline-block；的元素才能被称为行内块元素；

                    image，input（表单）

块级元素的特性：

1，独立成行，并且可以设置宽高。

2，在不设置宽度的情况下：块级的宽度是它父级元素的内容的宽度；

3，在不设置高度的情况下，块级元素的高度是它本身内容的高度。

4，可以设置四个方向的外间距和内填充。

行级元素的特征：

1，默认并排显示，不可以设置宽高，宽高取决于内容；

2.行级元素只能容纳文本或者其他的行级元素（不能在行级元素里面嵌套块级元素）；

3，不能设置上下的内填充和外间距；

4，行级元素之间有间隙（换行和空格会被解析）

行内块元素的特性：

1，默认并排显示，可以设置宽高，宽高取决于内容；

2，可以设置任意方向的内填充和外边距；

3，并排排列时，有间距（换行和空格会被解析）

元素类型的转换：display：block；转化为块级元素；

                             display：inline；转化为行级元素；

                             display：inlline-block；转化为行内块元素；