HTML行级元素、块级元素

HTML的行级，块级，行内块元素

1、行级元素、内联元素（inline）
行级元素特点：内容决定元素所占位置，不可以直接通过css改变它的宽高。
常用的行级元素有span、strong、em、a、del、label、input等；
注意凡是带有inline的元素都具有文字特性。

2、块级元素（block）
块级元素特点：独占一行，可以直接通过css改变宽高。
常用的块级元素有div、p、ul、ol、li、form、table等。

3、行级块元素（inline-block）
行内块元素特点：内容决定了它所占位置大小，可以直接通过css改变宽高。
常用元素有：img、input、select

上面三种元素属性inline、block、 inline-block实际是可以有display属性控制的。
我们也可以通过改变元素的display属性是元素发生属性改变，例如将div块级元素改变成为行级元素可以设置display:inline;
此时这个div元素就变成了行级元素，无法再对其宽高、背景等进行修改。