块级元素和行级元素

1.块级元素（相当于执行了display：block：操作）

特点

1.独占一行

2.宽高是可控的，如果没有设置其宽高，将默认铺满整行。

3.其内可以包含行级和块级元素

2.行级元素（相当于执行了：display：inline：操作）

特点

1.不会独占一行，与相邻行级元素占同一行，直到占满为止，会自动掉到下一行。

2.宽高是不可控

3.其内只能包含行级元素

1.块级标签全部转为行级标签
       添加display: inline

<p style="width: 300px;height: 50px;background: chartreuse;display: inline;">块级标签全部转为行级标签</p>

2.行级标签全部转为块级标签
     添加display: block

<strong style="width: 300px;height: 50px;background: fuchsia;display: block">strong</strong>