abstract:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>仿天猫商城首页顶部导航</title> <link rel="stylesheet&quo
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>仿天猫商城首页顶部导航</title> <link rel="stylesheet" type="text/css" href="static/font-awesome-4.7.0/css/font-awesome.min.css"> <link rel="icon" type="image/x-icon" href="static/images/icon.ico" /> <link rel="stylesheet" type="text/css" href="static/style.css"> <script type="text/javascript" src="jquery-3.3.1.js"></script> </head> <body> <div class="make_cat"> <div class="header_top"> <div class="header_content"> <div class="header_left"> <ul> <li style="color: #999999;">喵,欢迎来天猫</li> <li>请登录</li> <li>免费注册</li> </ul> </div> <div class="header_right"> <ul> <li id="item1">我的淘宝<i class="fa fa-caret-down"></i> <div class="list_item"> <p>已买到的宝贝</p> <p>已卖出的宝贝</p> </div> </li> <li><i class="fa fa-shopping-cart" style="margin-right: 5px;color: #FF0036;"></i>购物车<b style="color: #767676">0</b>件</li> <li id="item1">收藏夹<i class="fa fa-caret-down"></i> <div class="list_item" style="width: 75px;" > <p>收藏的宝贝</p> <p>收藏的店铺</p> </div> </li> <li>|</li> <li id="item2"><i class="fa fa-mobile" style="margin-right: 5px;color: #FF0036;font-size: 15px;"></i>手机版 <div class="image_1"> <img src="static/images/1.jpg"> </div> </li> <li>淘宝网</li> <li id="item3">商家支持<i class="fa fa-caret-down"></i> <div class="item1_content"> <div class="item1_content_top"> <b style="height: 15px;display: block;color: #000;margin-left: 10px;">商家:</b> <div class="item1_content_top_left"> <a href="">商家中心</a> <a href="">天猫规则</a> <a href="">商家入驻</a> <a href="">运营服务</a> </div> <div class="item1_content_top_right"> <a href="">商家品控</a> <a href="">商家工具</a> <a href="">天猫智库</a> <a href="">喵言喵语</a> </div> <p style="border-bottom: 1px dotted #ccc;width: 125px;float: left;margin-top: 15px;margin-left: 10px;"></p> </div> <div class="item1_content_footer"> <div> <b style="height: 15px;display: block;color: #000;margin-left: 10px;">帮助:</b> <div class="item1_content_footer_left"> <a href="">帮助中心</a> </div> <div class="item1_content_footer_right"> <a href="" style="margin-right: 10px;">问商友</a> </div> <p style="border-bottom: 1px dotted #ccc;width: 125px;float: left;margin-top: 15px;margin-left: 10px;"></p> </div> </div> </li> <li id="item1"><i class="fa fa-th-list" style="margin-right: 5px;color: #FF0036;"></i>网站导航<i class="fa fa-caret-down"></i></li> </ul> </div> </div> </div> <div class="clear"></div> <div class="navigation"> <div class="navigation_content"> <div class="navigation_bg"> <img src="static/images/2.jpg"> </div> <div class="navigation_left"> <ul class="navigation_left_ul"> <li style="font-size: 18px;font-weight: 600;background-color: #FF0036;color:#fff;height: 45px;line-height: 45px; "><i class="fa fa-th-list" style="font-size: 14px;"></i>商品分类</li> <li><a href=""><i class="fa fa-angle-double-right "></i>女装 /内衣</a> <div class="r_list"> <div class="r_list_l"> <div class="r_list_l_content"> <h3>当季流行<span class="fa fa-angle-right"></span></h3> <div class="r_list_l_right" style="border-bottom: 1px dashed #ccc;padding-bottom: 10px;"> <a href="" style="color: #333333;">女装新品</a> <a href="" style="color: #333333;">商场同款</a> <a href="" style="color: #333333;">仙女连衣裙</a> <a href="" style="color: #333333;">T恤</a> <a href="" style="color: #333333;">衬衫</a> <a href="" style="color: #333333;">时髦外套</a> <a href="" style="color: #333333;">休闲裤</a> <a href="" style="color: #333333;">牛仔裤</a> <a href="" style="color: #333333;">无痕文胸</a> <a href="" style="color: #333333;">运动文胸</a> <a href="" style="color: #333333;">潮流家居服</a> <a href="" style="color: #333333;">百搭船袜</a> </div> </div> <div class="r_list_l_content" style=""> <h3 style="padding-top: 10px;">当季流行<span class="fa fa-angle-right"></span></h3> <div class="r_list_l_right" style="border-bottom: 1px dashed #ccc;padding-bottom: 10px;padding-top: 10px;"> <a href="" style="color: #333333;">女装新品</a> <a href="" style="color: #333333;">商场同款</a> <a href="" style="color: #333333;">仙女连衣裙</a> <a href="" style="color: #333333;">T恤</a> <a href="" style="color: #333333;">衬衫</a> <a href="" style="color: #333333;">时髦外套</a> <a href="" style="color: #333333;">休闲裤</a> <a href="" style="color: #333333;">牛仔裤</a> <a href="" style="color: #333333;">无痕文胸</a> <a href="" style="color: #333333;">运动文胸</a> <a href="" style="color: #333333;">潮流家居服</a> <a href="" style="color: #333333;">百搭船袜</a> </div> </div> <div class="r_list_l_content" style=""> <h3 style="padding-top: 10px;">当季流行<span class="fa fa-angle-right"></span></h3> <div class="r_list_l_right" style="border-bottom: 1px dashed #ccc;padding-bottom: 10px;padding-top: 10px;"> <a href="" style="color: #333333;">女装新品</a> <a href="" style="color: #333333;">商场同款</a> <a href="" style="color: #333333;">仙女连衣裙</a> <a href="" style="color: #333333;">T恤</a> <a href="" style="color: #333333;">衬衫</a> <a href="" style="color: #333333;">时髦外套</a> <a href="" style="color: #333333;">休闲裤</a> <a href="" style="color: #333333;">牛仔裤</a> <a href="" style="color: #333333;">无痕文胸</a> <a href="" style="color: #333333;">运动文胸</a> <a href="" style="color: #333333;">潮流家居服</a> <a href="" style="color: #333333;">百搭船袜</a> </div> </div> <div class="r_list_l_content"> <h3 style="padding-top: 10px;">当季流行<span class="fa fa-angle-right"></span></h3> <div class="r_list_l_right" style="border-bottom: 1px dashed #ccc;padding-bottom: 10px;padding-top: 10px;"> <a href="" style="color: #333333;">女装新品</a> <a href="" style="color: #333333;">商场同款</a> <a href="" style="color: #333333;">仙女连衣裙</a> <a href="" style="color: #333333;">T恤</a> <a href="" style="color: #333333;">衬衫</a> <a href="" style="color: #333333;">时髦外套</a> <a href="" style="color: #333333;">休闲裤</a> <a href="" style="color: #333333;">牛仔裤</a> <a href="" style="color: #333333;">无痕文胸</a> <a href="" style="color: #333333;">运动文胸</a> <a href="" style="color: #333333;">潮流家居服</a> <a href="" style="color: #333333;">百搭船袜</a> </div> </div> <div class="r_list_l_content"> <h3 style="padding-top: 10px;">当季流行<span class="fa fa-angle-right" ></span></h3> <div class="r_list_l_right" style="border-bottom: 1px dashed #ccc;padding-bottom: 10px;padding-top: 10px;"> <a href="" style="color: #333333;">女装新品</a> <a href="" style="color: #333333;">商场同款</a> <a href="" style="color: #333333;">仙女连衣裙</a> <a href="" style="color: #333333;">T恤</a> <a href="" style="color: #333333;">衬衫</a> <a href="" style="color: #333333;">时髦外套</a> <a href="" style="color: #333333;">休闲裤</a> <a href="" style="color: #333333;">牛仔裤</a> <a href="" style="color: #333333;">无痕文胸</a> <a href="" style="color: #333333;">运动文胸</a> <a href="" style="color: #333333;">潮流家居服</a> <a href="" style="color: #333333;">百搭船袜</a> </div> </div> </div> <div class="r_list_r"> <img src="static/images/3.jpg"> <img src="static/images/4.jpg"> <img src="static/images/5.jpg"> <img src="static/images/6.jpg"> <img src="static/images/7.jpg"> <img src="static/images/8.jpg"> <img src="static/images/9.jpg"> <img src="static/images/3.jpg"> <img src="static/images/4.jpg"> <img src="static/images/5.jpg"> <img src="static/images/6.jpg"> <img src="static/images/7.jpg"> <img src="static/images/8.jpg"> <img src="static/images/9.jpg"> </div> </div> </li> <li><a href=""><i class="fa fa-angle-double-right "></i>男装 /运动户外</a> <div class="r_list"> <div class="r_list_l"> <div class="r_list_l_content"> <h3>当季流行2<span class="fa fa-angle-right"></span></h3> <div class="r_list_l_right" style="border-bottom: 1px dashed #ccc;padding-bottom: 10px;"> <a href="" style="color: #333333;">女装新品</a> <a href="" style="color: #333333;">商场同款</a> <a href="" style="color: #333333;">仙女连衣裙</a> <a href="" style="color: #333333;">T恤</a> <a href="" style="color: #333333;">衬衫</a> <a href="" style="color: #333333;">时髦外套</a> <a href="" style="color: #333333;">休闲裤</a> <a href="" style="color: #333333;">牛仔裤</a> <a href="" style="color: #333333;">无痕文胸</a> <a href="" style="color: #333333;">运动文胸</a> <a href="" style="color: #333333;">潮流家居服</a> <a href="" style="color:&aCorrecting teacher:天蓬老师Correction time:2018-12-24 09:13:23
Teacher's summary:<a href="" style="color: #333333;"> , 大量这样的代码,为什么不单独写,再引入呢?