abstract：<!DOCTYPE html><html><head><meta charset="utf-8"><title>淘寶網(wǎng)導(dǎo)航</title><link rel="stylesheet"type="text/css"href="css/indxe.css&
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>淘寶網(wǎng)導(dǎo)航</title>
<link rel="stylesheet"type="text/css"href="css/indxe.css">
</head>
<body>
<div class="header">
<div class="header_content">
<div class="header_left">
<a href=""style="color:#FF5000;">親,請登錄</a>
<a href="">免費注冊</a>
<a href="">手機逛淘寶</a>
</div>
<div class="header_right">
<a href="">淘寶網(wǎng)首頁</a>
<a href="">我的淘寶
<ul>
<li>已買到的寶貝</li>
<li>我的足跡</li>
</ul>
</a>
<a href="">購物車</a>
<a href="">收藏夾
<ul>
<li>收藏的寶貝</li>
<li>收藏的店鋪</li>
</ul>
</a>
<a href="">商品分類</a>
<a href="">千牛賣家中心
<ul>
<li>免費開店</li>
<li>已賣出的寶貝</li>
<li>出售中的寶貝</li>
<li>賣家服務(wù)市場</li>
<li>賣家培訓(xùn)中心</li>
<li>體驗中心</li>
<li>問商友</li>
</ul>
</a>
<a href="">聯(lián)系客服
<ul>
<li>消費者客服</li>
<li>賣家客服</li>
</ul>
</a>
<a href="">網(wǎng)址導(dǎo)航</a>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>
index.css
*{margin:0px;padding:0px;}
a{text-decoration: none;color:#000;font-size:13px;}
li{list-style:none;}
.clear{clear:both;}
.header{width:100%;height:55px;background-color:#F5F5F5;}
.header_content{width:1200px;height:55px;margin:0px auto;line-height: 40px;}
.header_left{height:55px;float:left;}
.header_left a{margin-right:5px;}
.header_right{width:1000px;height:55px;float:right;}
.header_content a:hover{color:#FF5000;}
.header_a{display:inline-block;height:55px;width:35px;text-align: center;width:90px;}
.header_a:hover{background-color:#fff;}
.header_a ul{border:1px solid#F5F5F5;display:none;}
.header_a:hover ul{display:block;position:absolute;}
.header_a ul li{color:#FFFFFF;height:55px;text-align:left;}
Correcting teacher：天蓬老師Correction time：2019-05-30 16:04:11
Teacher's summary：如果你看到這樣提交的代碼, 是什么心情, 不覺得看上去非常的累嗎? 你考慮過看代碼人的心情嗎? 這么多樣式堆積在一起, 好嗎? 為什么不一行只有一個樣式, 按照規(guī)范來?