CSS基础 装饰 元素本身隐藏和显示效果及案例

1.visibility：hidden;
2.display:    none；

区别：
1.visibility：hidden 隐藏元素本身，且在网页中 占位置
2.display：none;   隐藏元素本身，且在网页中不占用位置，脱标


开发中常用：
       display：none;隐藏    display：block 显示出来

使用案例：鼠标经过弹出下载二维码导航

html结构代码

     
class="box">
         
class="centerbox">
            

                
"#">平台导航
                
"#">平台导航
                
class="abc">"#">平台导航
                    "./images/code.jpg" alt="">
                
                
"#">app下载
                    
                
                
"#">平台导航
                
            
         
        
     

CSS结构代码