abstract：<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="static/css/1.css"> <link rel="styles
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="static/css/1.css"> <link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css"> <meta charset="utf-8"> <title>XiaoMi</title> </head> <body> <!-- 頭部導(dǎo)航 --> <div class="headers"> <div class="headerMenu"> <ul class="headerMenu_ul"> <li><a href="#">小米商城</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">MIUI</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">IoT</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">云服務(wù)</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">金融</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">有品</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">小愛開放平臺(tái)</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">政企服務(wù)</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">資質(zhì)證照</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">協(xié)議規(guī)則</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">下載app</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">Select Region</a><span class="headerMenu_ul_span"></span></li> </ul> <ul class="headerMenu_ul_r"> <li class="headerMenu_ul_r_li"><a href="#"><i class="fa fa-shopping-cart" ></i>購(gòu)物車</a></li> <li><a href="#">登錄</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">注冊(cè)</a><span class="headerMenu_ul_span"></span></li> <li><a href="#">消息通知</a><span class="headerMenu_ul_span"></span></li> </ul> <!-- <div class="clear"></div> --> </div> </div> <!-- 頭部圖片 --> <div class="headerImg">圖片導(dǎo)航</div> <!-- 輪播圖 --> <div class="lunbo"> <div class="lunbo_l">1</div> <div class="lunbo_r">2</div> </div> <!-- 推銷熱門款 --> <div class="Imgfast"> <div class="Imgfast_l"></div> <div class="ImgfastImg"></div> <div class="ImgfastImg"></div> <div class="ImgfastImg"></div> </div> <!-- 圖片AD --> <div class="ImgAd">圖片導(dǎo)航</div> <!-- 內(nèi)容 --> <div class="middles"> <div class="contents"> <div class="contentMenu"> <h2 >手機(jī)</h2> </div> <div class="content_Img"></div> <div class="content_imgli"> <ul> <li><img src="" alt=""><h3></h3><p></p></li> <li><img src="" alt=""><h3></h3><p></p></li> <li><img src="" alt=""><h3></h3><p></p></li> <li><img src="" alt=""><h3></h3><p></p></li> <li class="mt14"><img src="" alt=""><h3></h3><p></p></li> <li class="mt14"><img src="" alt=""><h3></h3><p></p></li> <li class="mt14"><img src="" alt=""><h3></h3><p></p></li> <li class="mt14"><img src="" alt=""><h3></h3><p></p></li> </ul> </div> <div class="clear"></div> </div> <!-- 家電 --> <div class="ImgAd">圖片導(dǎo)航</div> <div class="contents"> <div class="contentMenu"> <h2 >家電</h2> </div> <div class="content_jiadian"> <ul> <li><img src="" alt=""><h3></h3><p></p></li> <li><img src="" alt=""><h3></h3><p></p></li> <li><img src="" alt=""><h3></h3><p></p></li> <li><img src="" alt=""><h3></h3><p></p></li> <li style="margin-right:0px;"><img src="" alt=""><h3></h3><p></p></li> <li class=""><img src="" alt=""><h3></h3><p></p></li> <li class=""><img src="" alt=""><h3></h3><p></p></li> <li class=""><img src="" alt=""><h3></h3><p></p></li> <li class=""><img src="" alt=""><h3></h3><p></p></li> </ul> <div class="content_jiadian_small"></div> <div class="content_jiadian_more"></div> </div> <div class="clear"></div> </div> </div> <!-- 底部維修 --> <div class="footers"> <div class="footers_ul"> <ul> <li> <a href="#"><i class="fa fa-wrench"></i>預(yù)約維修服務(wù)</a><span></span></li> <li> <a href="#"><i class="fa fa-rotate-right "></i>7天無(wú)理由退貨</a><span></span></li> <li> <a href="#"><i class="fa fa-refresh"></i>15天免費(fèi)換貨</a><span></span></li> <li> <a href="#"><i class="fa fa-gift"></i>滿150元包郵</a><span></span></li> <li> <a href="#"><i class="fa fa-map-marker"></i>520余家售后網(wǎng)點(diǎn)</a></li> </ul> <div class="clear"></div> </div> <div class="footers_dl"> <dl> <dt>幫助中心</dt> <dd><a href="">賬戶管理</a></dd> <dd><a href="">購(gòu)物指南</a></dd> <dd><a href="">訂單操作</a></dd> </dl> <dl> <dt>服務(wù)支持</dt> <dd><a href="">售后政策</a></dd> <dd><a href="">自助服務(wù)</a></dd> <dd><a href="">相關(guān)下載</a></dd> </dl> <dl> <dt>線下門店</dt> <dd><a href="">小米之家</a></dd> <dd><a href="">服務(wù)網(wǎng)點(diǎn)</a></dd> <dd><a href="">授權(quán)體驗(yàn)店</a></dd> </dl> <dl> <dt>關(guān)于小米</dt> <dd><a href="">了解小米</a></dd> <dd><a href="">加入小米</a></dd> <dd><a href="">投資者關(guān)系</a></dd> </dl> <dl> <dt>關(guān)注我們</dt> <dd><a href="">新浪微博</a></dd> <dd><a href="">官網(wǎng)微博</a></dd> <dd><a href="">聯(lián)系我們</a></dd> </dl> <dl> <dt>特色服務(wù)</dt> <dd><a href="">F碼通道</a></dd> <dd><a href="">禮物碼</a></dd> <dd><a href="">防偽查詢</a></dd> </dl> </div> <div class="footers_about"> <p class="telephone">Feir-520-1314</p> <p class="time">周一至周日 8:00-18:00<br>(僅收市話費(fèi))</p> <button><span class="fa fa-commenting "></span> 聯(lián)系客服</button> </div> </div> <div class="clear"></div> <div class="footers footer_info"> <div class="footer_info_logo" > </div> <div class="footer_info_p"> <ul> <li>小米商城</li> <li>MIUI</li> <li>米家</li> <li>米聊</li> <li>多看</li> <li>游戲</li> <li>路由器</li> <li>米粉卡</li> <li>政企服務(wù)</li> <li>小米天貓店</li> <li>隱私政策</li> <li>問題反饋</li> <li>Select Region</li> </ul> <div style="clear: right;"></div> <p> <a href="">?mi.com</a> 京ICP證110507號(hào) <a href="">京ICP備10046444號(hào)</a> <a href="">京公網(wǎng)安備11010802020134號(hào)</a> <a href="">京網(wǎng)文[2014]0059-0009號(hào)</a> 增值電信業(yè)務(wù)許可證 網(wǎng)絡(luò)食品經(jīng)營(yíng)備案（京）<br>【2018】WLSPJYBAHF-12 食品經(jīng)營(yíng)許可證 違法和不良信息舉報(bào)電話：185-0130-1238 知識(shí)產(chǎn)權(quán)侵權(quán)投訴 本網(wǎng)站所列數(shù)據(jù)，除特殊說明，所有數(shù)據(jù)均出自我司實(shí)驗(yàn)室測(cè)試 <br> 違法和不良信息舉報(bào)電話：185-0130-1238，本網(wǎng)站所列數(shù)據(jù)，除特殊說明，所有數(shù)據(jù)均出自我司實(shí)驗(yàn)室測(cè)試</p> <div class="footer_info_Img" style=""> <img src="./static/images/footericon1.png" alt="" class="icon"> <img src="./static/images/footericon2.png" alt="" class="icon"> <img src="./static/images/footericon3.png" alt="" class="icon"> <img src="./static/images/footericon4.png" alt="" class="icon"> <img src="./static/images/footericon5.png" alt="" class="icon"> </div> </div> </div> <div class="footer_descrition"> 探索黑科技，小米為發(fā)燒而生！ </div> </body> </html>
*{margin: 0px 0px;padding: 0px 0px;}
li{list-style: none;}
a {color: #000;text-decoration: none;}
.mt14{margin-top: 14px;}
.clear {clear:both;}
.headers {width: 100%;background: #333;}
.headerMenu {width: 1226px;height: 40px;margin: 0px auto;}
.headerMenu_ul li {float: left;margin-right: 10px;font-size: 12px;line-height: 40px;}
.headerMenu_ul li a {color: #b0b0b0;}
.headerMenu_ul_span{display: inline-block;height:15px;border-left: 1px solid #424242;vertical-align: middle;margin-left:5px; }
.headerMenu_ul_r li {float: right;margin-right: 10px;font-size: 12px;line-height: 40px;}
.headerMenu_ul_r li a {color: #b0b0b0;}
li.headerMenu_ul_r_li a {display:block;height: 40px;width: 100px ;background:#424242;text-align: center;}
li.headerMenu_ul_r_li a:hover {background: #fff;color: #FF753F;}
.headerImg{width: 1226px;height: 80px;background: #eee;margin: 10px auto;}
/*輪播*/
.lunbo{width: 1226px;height: 460px;background: #eee;margin: 10px auto;}
.lunbo_l {width: 234px;height:460px;background: #636363;float: left;}
.lunbo_r{width: 992px;height:460px;background: #ccc;float: right;}
/*圖片導(dǎo)航*/
.Imgfast {width: 1226px;height: 170px;margin: 10px auto;}
.Imgfast_l{width: 234px;height:170px;background: #5F5750; float: left;}
.ImgfastImg {width: 317px;height: 170px;background: pink;float: left;margin-left: 13px;}
/*圖片AD*/
.ImgAd{height: 120px;width: 1226px;background: #eee;margin:20px auto;}
.middles{width: 100%;background:#ddd;}
/*手機(jī)*/
.contents {width: 1226px;margin: 10px auto;}
.contentMenu{padding-top: 10px;}
.contentMenu h2 {font-weight: 300 ;height: 60px;line-height: 60px;font-size: 22px;}
.content_Img {height: 614px;width: 234px;background: #000;float: left;}
.content_imgli li {width: 234px; height: 300px;background: #fff;float: left;margin-left: 14px;}
/*家電*/
.content_jiadian {height: 614px;width: 1226px;}
.content_jiadian li {width: 234px; height: 300px;background: #fff;float: left;margin-right: 13.8px;margin-top: 14px;}
.content_jiadian .content_jiadian_small {height: 143px;width: 234px;background: #000;float: right;margin-top: 14px;margin-left: 0px;}
.content_jiadian .content_jiadian_more {height: 143px;width: 234px;background: #000;float: right;margin-top: 14px;margin-left:0 px;}
.footers {width: 1226px;height:100px;background: #fff;margin: 10px auto;}
.footers_ul li{width:243px;height: 30px;float: left;text-align: center;border-left: 1px solid #e0e0e0;margin: 27px 0px;}
.footers_ul li:first-child {border-left: none;}
.footers_ul li i {margin-right: 10px;font-size: 24px;}
.footers_ul li a {font-size: 18px;color: #636363;}
.footers_ul li a:hover{color: #FF753F;}
.footers_ul {border-bottom: 1px solid #e0e0e0;}
.footers_dl {margin-top:40px;border-right:1px solid #e0e0e0;height: 120px;width:975px;float: left;}
.footers_dl dl{float: left;margin-right:100px;}
.footers_dl dt {margin:0px 0px 30px;font-size: 14px;}
.footers_dl dl dd {margin-bottom: 10px;font-size: 12px;color:#b0b0b0;}
.footers_dl dl dd a {color:#b0b0b0;}
.footers_about {float: right;width: 220px;height: 120px;margin-top:40px;text-align: center;}
.telephone {color: #FF753F;font-size: 22px;}
.time {font-size: 12px; color:#b0b0b0;}
.footers_about button {margin-top:10px;width: 150px;height: 35px;background: none;border:1px solid #FF753F;color:#FF753F;}
.footers_about button:hover{background: #FF753F;color: #fff;}
.footer_info {margin-top: 30px;}
.footer_info_logo {width: 56px;height: 107px;background: url(../images/footlogo.png) no-repeat;float: left;}
.footer_info .footer_info_p {}
.footer_info_p li {float: left;height: 12px;margin-left: 5px;border-left: 1px solid #e0e0e0;padding-left: 5px;font-size: 12px;line-height: 12px;}
.footer_info_p li:first-child{border:none;}
.footer_info_p p {float: left;margin-left: 10px;font-size: 10px;color: #ccc;}
.footer_info_p p a{color: #ccc;}
.footer_info_Img{float: left;margin-left: 10px;}
.footer_info_Img img{ width:83px;}
.footer_descrition {width: 1226px;height:40px;background: #fff;margin: 10px auto;font-size:30px;color:#ccc;line-height:40px;text-align: center;font-family: "楷體","微軟雅黑"}
/*.footers_ul li span {display: block;float:left;}*/
Correcting teacher：天蓬老師Correction time：2019-03-28 17:15:57
Teacher's summary：class="ImgfastImg", 類名不推薦使用這種格式, 因?yàn)轭惷呛雎源笮懙? 建議改為連接線更好些:
class="img-fast-img"