小米商城
    
        body{
            margin: 0;
        }
        .header{
            background-color: black;
        }
        .container{
            width: 1226px;
            margin: 0 auto;
        }
        .header .menu{
            float: left;
            color: white;
            height: 38px;
            line-height: 38px;
        }
        .header .account{
            float: right;
            color: white;
            height: 38px;
            line-height: 38px;
        }
        .header a {
            text-decoration: none;
            position: relative;
            z-index: 30;
            height: 40px;
            font-size: 12px;
            color: #b0b0b0;
        }
        .container{
            width: 1128px;
            margin: 0 auto;
        }
        .sub-header{
            width: 1226px;
            height: 100px;
        }
        .sub-header .logo a{
            text-decoration: none;
            float:left;
            width: 142px;
            margin-top: 22px;
            display: inline-block;
        }
        .sub-header .logo a img{
            height:  56px;
            width: 56px;
        }
        .sub-header .menu-list{
            float:left;
            line-height: 100px;
        }
        .sub-header .search{
            line-height: 100px;
            float: right;
        }
        .sub-header .menu-list a{
            display: inline-block;
            padding: 0 10px;
            color:  #333;
            front-size:16px;
            text-decoration: none;
        }
        .sub-header .menu-list a:hover{
            color: #ff6700;;
        }
        .img-header{
            width: 100%;
            height: 100%;
        }
        .news .container{
            width:316px;
            height:170px;
        }
        .news .channel{
            width:234px;
            height:170px;
            background-color: #ff6700;
        }
        .news .list-item{
            width:316px;
            height:170px;
        }
    


    
        
            
                小米官网
                小米商城
                小米澎湃OS
                小米汽车
                云服务
                loT
                有品
                小爱开放平台
                资质证照
                协议规则
                下载app
            
            
                登录
                注册
                消息通知
            
            
        
    
    
        
            
            
                
                    
                
            
            
                Xiaomi手机
                Redmi手机
                电视
                笔记本
                平板
                家电
                路由器
                服务中心
                社区
            
            
                搜索框
            
        
    
    
        
        

• 保障服务
• 企业团购
• F码通道
• 米粉卡
• 以旧换新
• 话费充值
  • 
  • 
  • 

  
  

  笔记：

  1.浏览器能识别的标签

  提供render template模版

  submit为post请求

  
  
      
      Title
  
  
      
  用户注册
     
         
          用户名:
         
         
          密码:
          
         
             性别:
             男
             女
         
         
             爱好：
              篮球
              乒乓球
              羽毛球
              足球
              跑步
         
         
             城市：
             
                 北京
                 上海
                 深圳
             
         
         
             擅长的领域：
             
                 C++
                 Python
                 Unity
                 Java
             
         
         
             备注：
             
  ​
             
  ​
         
          
      
  ​
  ​