摘要：<!DOCTYPE html><!-- html5文檔聲明 --><html> <!-- 輸入語(yǔ)言類(lèi)型 --><head><!-- 頭部信息 --><meta charset="UTF-8"> <!-- 萬(wàn)國(guó)字符集 --><title>小米商城</title>
<!DOCTYPE html><!-- html5文檔聲明 -->
<html> <!-- 輸入語(yǔ)言類(lèi)型 -->
<head><!-- 頭部信息 -->
<meta charset="UTF-8"> <!-- 萬(wàn)國(guó)字符集 -->
<title>小米商城</title><!-- 瀏覽器窗口標(biāo)簽標(biāo)題 -->
<link rel="shoutcut icon" type="image/x-icon" href="">
<style>/*css樣式*/
*{margin: 0px;padding: 0px;} /*body頁(yè)面邊距清零*/
li{list-style: none;}/*無(wú)序列表樣式去除*/
a{text-decoration: none;cursor: pointer;color: white;}/*a標(biāo)簽下劃線樣式去除，hover鏈接光標(biāo)為手勢(shì)指針*/
a:hover{text-decoration: underline;color: red;}
.clear{clear: both;}/*清除浮動(dòng)*/
/*頭部樣式*/
.header{width: 100%;height: 40px;margin: 0px auto;background: #2F3E45;}
.menu{width: 1226px;height: 40px;margin: 0px auto;}
.menu_left li{float: left;line-height: 40px;margin:0px 3px;}
.menu_right {line-height: 40px;}
.menu_right li{float: right;right: 10px;margin: 0px 3px;}
.gouwuche div{width: 200px;height: 80px;background: white; position: absolute;right: 0px;display: none;}
.gouwuche:hover div{display: block;}
.gouwuche:hover a{color: orange;background: white;}
.gouwuche:hover{background: white;}
/*底部樣式*/
.footer{width: 1226px;height: 100px;margin: 10px auto;background: #2E2E2E;color: #A5A0A0;}
/*主體部分*/
.content{width: 1000px;margin: 10px auto; background:#F6F6F6; }
.navigation{background: #DCE2F3;height: 40px;margin: 0px auto;} /*導(dǎo)航*/
.sub01{background: #ccc;height: 500px;margin: 10px auto;}
.sub01_01{background: #ccc;width: 246px;height: 480px;}
.sub02{background: #ccc;height: 180px;margin: 10px auto;}
.sub03{background: #ccc;height: 280px;margin: 10px auto;}
.sub04{background: #ccc;height: 120px;margin: 0px auto;}
.sub05{background: #ccc;height: 70px;margin: 10px auto;}
.sub06{background: #ccc;height: 500px;margin: 10px auto;}
</style>
</head>
<body>
<!-- 頭部-->
<div>
<div>
<ul>
<li><a href="#">小米商城</a></li>
<li><a href="#">MIUI</a></li>
<li><a href="#">IOT</a></li>
<li><a href="#">云服務(wù)</a></li>
<li><a href="#">金融</a></li>
<li><a href="#">有品</a></li>
<li><a href="#">小愛(ài)開(kāi)放平臺(tái)</a></li>
<li><a href="#">政企服務(wù)</a></li>
<li><a href="#">資質(zhì)證照</a></li>
<li><a href="#">協(xié)儀規(guī)則</a></li>
<li><a href="#">下載app</a></li>
</ul>
<ul>
<li style="margin:0px 10px;position:relative;width:120px;height:40px;text-align:center;color:black;"><a href="#">購(gòu)物車(chē)</a>
<div>購(gòu)物車(chē)中還沒(méi)有商品，趕緊選購(gòu)吧！</div>
</li>
<li><a href="#">登錄</a></li>
<li><a href="#">注冊(cè)</a></li>
<li><a href="#">消息</a></li>
</ul>
</div>
</div>
<!-- 主體 -->
<div>
<div>
<div>
</div>
<div>
<div></div>
</div>
<div></div>
<div></div>
<div style="background:url(https://i1.mifile.cn/a4/xmad_15471302447392_lWdEk.jpg)"></div>
<div></div>
<div></div>
<div style="background:url(https://i1.mifile.cn/a4/xmad_15468275542298_hFEMq.jpg)"></div>
<div></div>
<div></div>
<div style="background:url(https://i1.mifile.cn/a4/xmad_15439756480639_IhxpV.jpg)"></div>
<div></div>
<div></div>
<div style="background:url(https://i1.mifile.cn/a4/xmad_15472200003038_GJvus.jpg)"></div>
</div>
</div>
<!-- 底部 -->
<div>
<div>底部</div>
</div>
</body>
</html>
批改老師：滅絕師太批改時(shí)間：2019-01-19 09:05:31
老師總結(jié)：其實(shí)你要是把作業(yè)完成的很好，你的反饋我都能接受，這樣的作業(yè) ，怪不得你聽(tīng)課都是帶著火氣的……無(wú)奈……