css里dispaly和visibility的区别

之前不知道喜欢乱用,最近才发现,两者的区别
display:应理解为隐藏,style="dispaly:none;",此时在HTML中,此元素可以理解为不存在,或被删除了(视觉效果上讲是一个效果)!!
visibility:应理解为可不可见,style="visibility:hidden;",此时此元素不可见,但仅仅是不可见而已,此元素是存在的,它所占用的位置还在,也就是此元素可见时,占用的位置不动,所以一般用弹出层的时候用visibility!!