CSS之display

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>display</title>
</head>
<body>
<!--display: inline;"  将块级标签转换成行内标签-->
<!--display:block"     将行内标签转换成为块级标签-->
<!--display:inline-block  具有inline 默认自己有多少占多少-->
                      <!--具有block 可以设置高度，宽度，padding margin-->
<!--diaplay:none 让标签消失-->
<!--行内标签无法设置高度宽度例如 <a></a>  <span></span>-->

<div style="background-color: purple;display: inline;">1112222</div>
<span style="background-color: green;display:block">222111</span>
</body>
</html>