#前端学习笔记#day8 京东下拉条

说一下自己感觉要注意的几点：

1 设置水平居中：margin:0 auto;

2 设置绝对定位，使其不占页面位置 position: absolute; （绝对定位后不设置偏移量 位置不会改变，位置会从文档流中脱离，它的定位是根据包含款定位的，包含块就是最近的开启了定位的祖先元素）

3 鼠标移入时，显示city-list，新技能

.location:hover .city-list{
            display: block;
        }

    
    
    
    
    
    
    
    

    



    
    

        
        

            
            

                

                    
                    北京
                

                
                


                
            

            
            

                

                    你好，请登录
                    免费注册
                

                
                

                
我的订单

                

                

                    我的京东
                    
                


                

                
京东会员

                

                

                    企业采购
                    
                



                

                

                    客户服务
                    
                

                

                

                    网站导航
                    
                

                

                

                    手机京东
                
            
        
    

• text-decoration 设置文本修饰
  
  • 可选值：none什么都没有/underline下划线/line-through删除线/over-line上划线
    
  • 实例：text-decoration: overline red dotted; 还可以指定颜色、样式
    
• white-space: ;设置网页如何处理空白
  
  • 可选值：normal默认值正常显示/nowarp不换行/pre保留空白
    
  • 上图，我们white-space设置的是一行不换行，overflow:hidden表示把多余部分裁剪掉，我们这边宽度是200.这里这四个元素不可少。
    
• 京东导航栏
  
  • line-height没有设置高度，设置行高，使文字垂直居中
    
  • hover记得给父元素
    
  • position:relative; z-index=1;使得层级变高