display属性

一、定义：

规定元素应该生成的框的类型，每一个元素都自带display属性。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。

二、属性：

display:;

三、属性值：

*行内块元素：即在同一行显示，也可以设置宽高
注意：行内块会识别代码之间的空白
常见行内块元素：img、video、audio、input、button
*none：隐藏后不占据位置

四、display:none;和visibility:hidden; opacity:0; overflow:hidden;的区别：

1.display:none; 隐藏自己，隐藏后原位置不保留
2.visibility:hidden; 隐藏自己，隐藏后原位置保留
3.opacity:0; 隐藏自己，隐藏后原位置保留
4.overflow:hidden; 溢出部分隐藏

五、原位置不保留的属性

1）float:;
2）position:absolute;
3）position:fixed;
4）display:none;