邹润英_前端_221118

一.今日学习：电商项目实战：<!-- logo、搜索框部分 -->
    <div class="h">
        <div class="header w">
            <!-- logo -->
            <div class="logo">
                <a href="#"></a>
            </div>
            <!-- 搜索框 -->
            <div class="search">
                <input type="text" value="天青色等烟雨">
                <button class="iconfont icon-seach"></button>
                <div class="hot-words">
                    <a href="#" class="hhot-word">新款连衣裙</a>
                    <a href="#">四件套</a>
                    <a href="#">潮流T恤</a>
                    <a href="#">时尚女鞋</a>
                    <a href="#">短裤</a>
                    <a href="#">半身裙</a>
                    <a href="#">男士外套</a>
                    <a href="#">墙纸</a>
                </div>
            </div>
            <!-- 购物车 -->
            <div class="cart">
                <i class="iconfont icon-gouwuchekong"></i>
                我的购物车
                <span class="count">18</span>
            </div>
        </div>
        <!-- 顶部下沿导航栏 -->
        <div class="top-nav w">
            <a href="#" class="kind">全部商品分类</a>
            <a href="#">潮流服饰</a>
            <a href="#">美妆</a>
            <a href="#">电玩街</a>
            <a href="#">电器城</a>
            <a href="#">家世界</a>
            <a href="#">母婴区</a>
            <a href="#">会员专享</a>
        </div>
    </div>


.dh li {
    float: left;
}

.dh .one{
    padding-left: 10px;
    width: 67px;
    height: 80px;
    padding-left: 10px;
    background-color: #f3f3f3;
    font-weight: 700;
    line-height: 80px;
}

.dh li a{
    display: block;
    padding: 20px 10px;
}
.dh .item1{
    height: 80px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.dh .item2,
.dh .item3{
    height: 59px;
}

.dh .item2 .one,
.dh .item3 .one{
    height: 59px;
    line-height: 59px;
}

.dh .item3{
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.dh .item2 li a,
.dh .item3 li a{
    padding-left: 22px;
}




二.今日问题：无。

三.解决方案：无。