元素隐藏和显示

display: none；           元素隐藏 从文档流消失，不占据空间，但是还存在DOM树中

display：block；         元素显示 若之前盒子是行内块或行内元素使用后会变为块级元素

display：inline； display：inline-block；同理

opacity：0；               元素隐藏        opacity不透明度为0时透明

opacity： 1；              元素显示 选择大于0的数就行0到1数字越大越明显

visibility: hidden；     元素隐藏   

visibility:visible；       元素可见

visibility: collapse；  在表格里面[visibility:collapse]表现得和【display:none】一样不占据空间

                                     在平时【visibility:collapse】表现得就和【visibility:hidden】一样

他们之间的区别：

        display  :   不占据位置，在dom结构上能看到，不会触发事件

        opacity  ：只是看不到，但是还存在，点击事件可以触发

        visibility :  占据空间，不会触发事件