1. display可以干什么？

定义：定义建立布局时生成的显示框的类型，对于HTML文档，使用display不谨慎容易违反其中已定义的显示层次结构。

display的取值：

none / block / inline / inline-block / table-cell / Flex

1. none:此元素不会被显示
2. block：元素显示为块级元素，会换行
3. inline：默认，显示内联元素，不换行
4. inline-block：行内块元素，结合block和inline的部分属性
5. table-cell：会作为一个表格单元格显示
6. Flex：弹性盒模型 在页面中，行盒不换行，块盒独占一行，常见的块盒包括容器元素，h1~h6，p；常见的行盒包括span，strong，em，i，img，video，audio

行内元素不可以设置宽高，但是可以设置 左右padding、左右margin

几种隐藏的对比：

1. display:none，隐藏自己，隐藏后 原位置不保留；可以搭配JS做很多网页特效。
2. visibility:hidden，隐藏自己，隐藏后** 原位置保留**
3. opacity:0，隐藏自己，隐藏后 原位置保留
4. overflow:hidden，将溢出部分隐藏 原位置不保留的属性：float; position:absolute; position:fixed; display:none;