【每日一练】小兔鲜项目-01

今天终于接触到了小兔鲜项目，之前在前端群里一直听到有人提起过。

下面开始分析一下小兔鲜：

首先，搭建框架，创建小兔鲜文件夹。

1.创建项目目录：

 2.然后搭建index页面

3.接下来是header模块

样式：

.xtx-shortcut{
    height: 52px;
    background-color: #333;
}

4.头部快捷导航

代码结构：

            

                

                    
请先登录
                    
|
                    
免费注册
                    
|
                    
我的订单
                    
|
                    
会员中心
                    
|
                    
帮助中心
                    
|
                    
在线客服
                    
|
                    
手机版
                
            
        

 样式：

/* xtx-shortcut */
.xtx-shortcut {
    height: 52px;
    line-height: 52px;
    background-color: #333;
}

.xtx-shortcut li {
    float: left;
    color: #666666;
}

.xtx-shortcut li:nth-child(even) {
    margin: 0 16px;
}

.xtx-shortcut li a {
    display: block;
    height: 52px;
    color: #dcdcdc;
    font-size: 14px;
}