abstract:<!DOCTYPE html><!-- html5文档声明 --><html> <!-- 输入语言类型 --><head><!-- 头部信息 --><meta charset="UTF-8"> <!-- 万国字符集 --><title>小米商城</title>
<!DOCTYPE html><!-- html5文档声明 -->
<html> <!-- 输入语言类型 -->
<head><!-- 头部信息 -->
<meta charset="UTF-8"> <!-- 万国字符集 -->
<title>小米商城</title><!-- 浏览器窗口标签标题 -->
<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标签下划线样式去除,hover链接光标为手势指针*/
.clear{clear: both;}/*清除浮动*/
/*头部样式*/
.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;} /*导航*/
.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>
Correcting teacher:灭绝师太Correction time:2019-01-16 09:05:48
Teacher's summary:完成的是很全面,整体的框架已经完成,可以填充内部内容了