菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 邹润英_前端_221118 [打印本页]

作者: 我想 时间: 2022-11-18 17:17
标题: 邹润英_前端_221118
一.今日学习：电商项目实战：
<div class="h">
      <div class="header w">
         
         <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;
}

二.今日问题：无。

三.解决方案：无。

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)