5、标签分类和元素转换（标签元素是什么）

标签分类

块元素

块元素：｛div、h1-h6、p、ul、li｝

特点：

1、独占一行；

2、可以设置宽高，默认是浏览器的宽度，和浏览器的高度；

行内元素

行内元素：｛span、a、strong、em、del、ins｝

特点：

1、在一行显示，不会独占一行；

2、无法直接定义宽高；

行内块元素（内联元素）

典型代表：input、img

特点：

1、在一行显示；

2、可以设置宽高；

元素转换

display：

inline：行内元素；

block：块元素；

inline-block：同时具有行内元素和块元素的特性；

块元素转行内元素

<!--head内部的css部分-->

<style type="text/css">

div {

display: inline-block;

width: 200px;

height: 50px;

background-color: red;

}

p {

display: inline;

}

</style>

<!--html body部分-->

<div>北京马哥教育</div>

<p>北京老男孩教育</p>