谷江涛-20221020-css项目实战

一、今日内容：<div class="shurcut">
        <div class="w">
            <div class="denglu">
                优购商城欢迎您！
            < a href="#">登录</ a>
            < a href="#">免费注册</ a>
            </div>
            <div class="denglu-right">
                < a href="#">我的订单</ a>
                <span>|</span>
                < a href="#">我的优购</ a>
                <span>|</span>
                < a href="#">会员</ a>
                <span>|</span>
                < a href="#">企业采购</ a>
                <span>|</span>
                < a href="#">客户服务</ a>
                <span>|</span>
                < a href="#">网站导航</ a>

            </div>
        </div>
    </div>
    <!-- 头部 -->
    <div class="h ">
        <div class="heart w ">
          <div class="logo">
            < a href="#">
                <img src="./images/logo3.png" alt="">
              </ a>
              <div class="search">
                <input type="text" placeholder="农药皮肤大出血">
                <button><span  class="iconfont icon-seach"></span></button>
              </div>
              <div class="input-bottom">
                < a href="#" class="first">新款连衣裙</ a>
                < a href="#">四件套</ a>
                < a href="#">潮流体恤</ a>
                < a href="#">时尚女鞋</ a>
                < a href="#">短裤</ a>
                < a href="#">半身裙</ a>
                < a href="#">男士外套</ a>
                < a href="#">墙纸</ a>
              </div>
              <div class="carshop">
                <span class="iconfont  icon-gouwuchekong"></span>
                购物车
                <i>18</i>
              </div>
          </div>

        </div>
        <div class="h-bottom w">
            < a href="#" class="first">全部商品分类</ a>
            < a href="#">潮流服饰</ a>
            < a href="#">美妆馆</ a>
            < a href="#">电玩街</ a>
            < a href="#">电器城</ a>
            < a href="#">家世界</ a>
            < a href="#">母婴区</ a>
            < a href="#">会员专享</ a>
          </div>
    </div>

                    </h4>
                    <p>￥888</p>
                </li>
                <li>

                    <img src="./upload/cosmetics/4.jpg" alt="">
                    <h4>
                        乔丹
                    </h4>
                    <p>￥888</p>
                </li>
                <li>

                    <img src="./upload/cosmetics/5.jpg" alt="">
                    <h4>
                        乔丹
                    </h4>
                    <p>￥888</p>
                </li>
                <li>

                    <img src="./upload/cosmetics/6.jpg" alt="">
                    <h4>
                        乔丹
                    </h4>
                    <p>￥888</p>
                </li>
                <li>

                    <img src="./upload/cosmetics/7.jpg" alt="">
                    <h4>
                        乔丹
                    </h4>
                    <p>￥888</p>
                </li>
                <li>

                    <img src="./upload/cosmetics/8.jpg" alt="">
                    <h4>
                        乔丹
                    </h4>
                    <p>￥888</p>
                </li>
                <li>

                    <img src="./upload/cosmetics/9.jpg" alt="">
                    <h4>
                        乔丹
                    </h4>
                    <p>￥888</p>
                </li>
             </ul>
         </div>
      </div>
    </div>

    <!-- 底部 -->
    <div class="footer ">
      <div class="w">
        <div class="footer-top">
            <ul>
                <li>< a href="#"><span class="iconfont icon-liwu"></span>预约维修服务</ a></li>
                <li>< a href="#"><span class="iconfont icon-liwu"></span>预约维修服务</ a></li>
                <li>< a href="#"><span class="iconfont icon-liwu"></span>预约维修服务</ a></li>
                <li>< a href="#"><span class="iconfont icon-liwu"></span>预约维修服务</ a></li>
  二 今日问题：

无
三 解决方法：
无