list.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>商品列表页面</title> <link rel="shortcut icon" href="favicon.ico" /> <!-- 初始化样式 --> <link rel="stylesheet" href="./font/css/all.css"> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/common.css"> <link rel="stylesheet" href="css/list.css"> </head> <body> <div class="head"> <div class="w"> <div class="fl"> <ul> <li>品优购欢迎您!</li> <li><a href="#">请登录 </a><a href="register.html"><span>免费注册</span></a></li> </ul> </div> <div class="fr"> <ul> <li><a href="#">我的订单</a></li> <li><a href="#">我的品优购<i class="font-common"></i></a> </li> <li><a href="#">品优购会员</a></li> <li><a href="#">企业采购</a></li> <li><a href="#">关注品优购<i class="font-common"></i></a></li> <li><a href="#">客户服务<i class="font-common"></i></a> <div class="dropdown"> <ul class="menu"> <li><a class="aNoBoard" href="#">订单咨询</a></li> <li><a class="aNoBoard" href="#">物流查询</a></li> <li><a class="aNoBoard" href="#">反馈</a></li> </ul> </div> </li> <li ><a class="aNoBoard" href="#">网站导航<i class="font-common"></i></a></li> </ul> </div> </div> </div> <div class="header w"> <div class="logo fl"> <a href="index.html"><img src="./images/logo.png" alt=""></a> </div> <div class="search"> <input class="fl " type="text" value="请搜索内容..."> <button class="fl ">搜索</button> </div> <div class="hotwords"> <a href="">优惠购首发</a> <a href="">亿元优惠</a> <a href="">9.9元团购</a> <a href="">美满99减30</a> <a href="">办公用品</a> <a href="">电脑</a> <a href="">通信</a> </div> <div class="shopcar"> <i class="fa fa-shopping-cart" aria-hidden="true"></i> 我的购物车 <i class="fa fa-angle-right" aria-hidden="true"></i> <div class="eight">80</div> </div> </div> <div class="list"> <div class="nav"> <ul> <a href="#"><li><h5>品牌秒杀</h5></li></a> <a href="#"><li><h5>即将售罄</h5></li></a> <a href="#"> <li><h5>超值低价</h5></li></a> <a href="#"> <li><p>女装</p></li></a> <a href="#"> <li><p>女鞋</p></li></a> <a href="#"> <li><p