display属性以及它的值的设置

1. display:none

让标签消失，隐藏元素并脱离文档流，不会占有原来的位置例如：

<div>
    <p>这是一个p标签</p>
    <h1 style="display: none">这是一个大标题</h1>
    <p>又是一个p标签</p>
</div>

效果图：

 可以看见h1隐藏了起来，原有的位置因为没了

2. display:block

把行内元素转为块级元素，因为行内元素无法改变自身的宽高，需要变为块级元素才能用css来改变其宽高

3. display:inline

内联元素

4. display:inline-block

行内块元素,既有inline属性也有block属性