abstract：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>小米商城首頁(yè)</title>
<style>
*{
margin: 0;
padding: 0;
}
html{
list-style: none;
text-decoration: none;
}
a{
color: #ccc;
cursor: pointer;
}
.clear{
clear:both;
}
.header{
width: 100%;
height: 40px;
background: black;
}
.header_menu{
width: 1226px;
height: 40px;
/* background: pink; */
margin:0 auto;
color:white;
}
.content-menu-right ul li{
float: left;
list-style: none;
font-size: 10px;
line-height: 40px;
}
.content-menu-left{
float:right;
font-size: 12px;
}
.content-menu-left ul li{
float:left;
list-style: none;
height: 40px;
line-height: 40px;
right:0px;
}
span{
}
.content-top{
width: 1226px;
height: 66px;
line-height: 66px;
margin: 10px auto;
float：left;
}
.content_menu_ul{
}
.content_menu_ul li{
list-style:none;
float: left;
margin-right:10px;
}
.content_form{
width: 1226px;
height: 460px;
background: pink;
}
.content_form_menu{
width: 246px;
height: 460px;;
background: #ccc;
}
.content-picshop{
width: 1226px;
height: 170px;
background:yellow;
}
.content-picshop_1{
width: 235px;height: 170px;background: lightblue;margin-right:14px;float: left
}
.content-picshop_2,.content-picshop_3,.content-picshop_4{
height: 170px;width: 310px;background: red;float: left;margin-right: 14px;
}
.content-pixsg{
width: 1226px;height: 420px;background: #ccc;
}
.content-pixsg_1,.content-pixsg_2,.content-pixsg_3,.content-pixsg_4,.content-pixsg_5{
width: 235px;height:340px;background: lightblue;margin-right: 10px;float: left;
}
.content-bottom{
width: 100%;
height: 100px;
background: #ccc;
}
.content-bottom1{
margin：0 auto;
width: 1226px;
height: 76px;
background: pink;
}
.foot-top_li_1{
}
</style>
</head>
<body>
<div>
<!-- 頭部 -->
<div>
<div>
<div>
<ul>
<li><a href="#">小米商城<span>|</span></a></li>
<li><a href="#">MIUI<span>|</span></a></li>
<li><a href="#">云服務(wù)<span>|</span></a></li>
<li><a href="#">小愛(ài)分享平臺(tái)<span>|</span></a></li>
<li><a href="#">金融<span>|</span></a></li>
<li><a href="#">產(chǎn)品<span>|</span></a></li>
<li><a href="#">企業(yè)服務(wù)<span>|</span></a></li>
<li><a href="#">SelctRegion</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="#">登陸<span>|</span></a></li>
<li><a href="#">注冊(cè)<span>|</span></a></li>
<li><a href="#">我的訂單<span>|</span></a></li>
<li><a href="#">購(gòu)物車(chē)</a></li>
</ul>
</div>
</div>
</div>
<!-- 內(nèi)容頁(yè) -->
<div>
<div>
<div>
<div style="float: left">
<img src="static/img/footlogo.png" alt="">
<img src="static/img/logoAD.gif" alt="">
</div>
<div>
<ul>
<li>小米手機(jī)</li>
<li>紅米</li>
<li>電視</li>
<li>筆記本</li>
<li>盒子</li>
<li>新品</li>
<li>路由器</li>
<li>智能硬件</li>
<li>服務(wù)</li>
<li>社區(qū)</li>
</ul>
</div>
<div></div>
<div >
<div ></div>
<div>
</div>
</div>
<div></div>
<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div></div>
<div>
<h2>小米閃購(gòu)</h2>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
</div>
<!-- 下部 -->
<div></div>
<div>
<div>
<h2>手機(jī)</h2>
<div >查看更多</div>
</div>
</div>
<!-- 底部 -->
<div></div>
<div>
<div>
<ul>
<li><a href="#">預(yù)約維修服務(wù)<span>|</span></a></li>
<li><a href="#">7天無(wú)理由退貨<span>|</span></a></li>
<li><a href="#">15天免費(fèi)退貨<span>|</span></a></li>
<li><a href="#">滿150包郵<span>|</span></a></li>
<li><a href="#">520家售后網(wǎng)點(diǎn)<span>|</span></a></li>
</ul><span>|</span>
</div>
<div></div>
</div>
<div></div>
</div>
</body>
</html>
Correcting teacher：查無(wú)此人Correction time：2019-09-05 14:28:16
Teacher's summary：完成的不錯(cuò)，常用的css樣式可以寫(xiě)到公用文件里，每個(gè)項(xiàng)目都可以加載這一個(gè)公用文件。繼續(xù)加油。