abstrakt:<!DOCTYPE html><!-- html5文檔聲明 --><html> <!-- 輸入語言類型 --><head><!-- 頭部信息 --><meta charset="UTF-8"> <!-- 萬國字符集 --><title>小米商城</title>
<!DOCTYPE html><!-- html5文檔聲明 -->
<html> <!-- 輸入語言類型 -->
<head><!-- 頭部信息 -->
<meta charset="UTF-8"> <!-- 萬國字符集 -->
<title>小米商城</title><!-- 瀏覽器窗口標(biāo)簽標(biāo)題 -->
<link rel="shoutcut icon" type="image/x-icon" href="">
<style>/*css樣式*/
*{margin: 0px;padding: 0px;} /*body頁面邊距清零*/
li{list-style: none;}/*無序列表樣式去除*/
a{text-decoration: none;cursor: pointer;}/*a標(biāo)簽下劃線樣式去除,hover鏈接光標(biāo)為手勢指針*/
.clear{clear: both;}/*清除浮動(dòng)*/
/*頭部樣式*/
.header{width: 100%;height: 40px;margin: 0px auto;background: #2F3E45;}
.menu{width: 1226px;height: 40px;margin: 0px auto;background: orange;}
/*底部樣式*/
.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></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>
Korrigierender Lehrer:滅絕師太Korrekturzeit:2019-01-16 09:05:48
Zusammenfassung des Lehrers:完成的是很全面,整體的框架已經(jīng)完成,可以填充內(nèi)部內(nèi)容了