摘要：因为小米商城网页变动，所以和老师讲的有一点点不同，因代码过多，只提交了底部布局的代码<!-- 尾部 --> <div> &nbs
因为小米商城网页变动，所以和老师讲的有一点点不同，因代码过多，只提交了底部布局的代码
<!-- 尾部 --> <div> <div> <div> <div> <a href="#"><i class="fa fa-wrench"></i>预约维修服务</a><span></span> <a href="#"><i class="fa fa-rotate-right"></i>7天无理由退货</a><span></span> <a href="#"><i class="fa fa-refresh"></i>15天免费换货</a><span></span> <a href="#"><i class="fa fa-gift"></i>满150元包邮</a><span></span> <a href="#"><i class="fa fa-map-marker"></i>520余家售后网点</a> </div> <span></span> <div> <div> <dl> <dt>帮助中心</dt> <dd><a href="">账户管理</a></dd> <dd><a href="">购物指南</a></dd> <dd><a href="">订购操作</a></dd> </dl> <dl> <dt>服务支持</dt> <dd><a href="">售后政策</a></dd> <dd><a href="">自助服务</a></dd> <dd><a href="">相关下载</a></dd> </dl> <dl> <dt>线下门店</dt> <dd><a href="">小米之家</a></dd> <dd><a href="">服务网点</a></dd> <dd><a href="">授权体验店</a></dd> </dl> <dl> <dt>关于小米</dt> <dd><a href="">了解小米</a></dd> <dd><a href="">加入小米</a></dd> <dd><a href="">投资者关系</a></dd> </dl> <dl> <dt>关注我们</dt> <dd><a href="">新浪微博</a></dd> <dd><a href="">官方微信</a></dd> <dd><a href="">联系我们</a></dd> </dl> <dl> <dt>特色服务</dt> <dd><a href="">F码通道</a></dd> <dd><a href="">礼物码</a></dd> <dd><a href="">防伪查询</a></dd> </dl> <div> <p>400-100-5678</p> <p>周一至周五 8：00-18：00<br>(仅收市话费)</p> <button><span class="fa fa-commenting"></span>联系客服</button> </div> </div> <div></div> </div> </div> <div style="margin-top: 70px;"> <div style="margin-right: 15px;"> <img src="static/images/footlogo.png"> </div> <div> <div style="margin-right: 50px;"> <ul> <li>小米商城<span></span></li> <li>MIUI<span></span></li> <li>米家<span></span></li> <li>米聊<span></span></li> <li>多看<span></span></li> <li>游戏<span></span></li> <li>路由器<span></span></li> <li>米粉卡<span></span></li> <li>政企服务<span></span></li> <li>小米天猫店<span></span></li> <li>隐私政策<span></span></li> <li>问题反馈<span></span></li> <li>廉政举报<span></span></li> <li>诚信合规<span></span></li> <li>Select Region</li> </ul> </div> <div style="margin-right: 50px;"> <a href="">mi.com</a> 京ICP证110507号 <a href="">京ICP备10046444号</a> <a href="">京公网安备11010802020134号 </a> <a href="">京网文[2017]1530-131号</a><br> <a href="">（京）网械平台备字（2018）第00005号 </a> <a href="">互联网药品信息服务资格证 (京) -非经营性-2014-0090 </a> <a href="">营业执照</a> <a href="">医疗器械公告</a><br> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试 </div> </div> <div> <img src="static/images/footericon1.png" style="margin-right: 10px;"> <img src="static/images/footericon2.png" style="margin-right: 10px;"> <img src="static/images/footericon3.png" style="margin-right: 10px;"><br> <img src="static/images/footericon4.png" style="margin-right: 10px;margin-top: 20px;padding-left:94px "> <img src="static/images/footericon5.png" style="margin-right: 10px;margin-top:20px; "> </div> <div></div> <div> 探索黑科技，小米为发烧而生！ </div> </div> </div> </div> </body> </html>
/*尾部*/
.footer{width: 1226px;height: 100px;margin: 10px auto;}
.footer-top_li_1{width: 1226px;height: 80px;line-height: 80px;text-align: center;}
.footer-top_li_1 a{font-size: 16px;color:#616161;font-weight:300;}
.footer-top_li_1 a:hover{color: #ff6700;}
.footer-top_li_1 a i{font-size: 20px;margin-right: 10px;}
.footer-top_li_1 span{font-size: 20px;color: #616161;border-left:1px solid #e0e0e0;margin: 0px 56px;}
.seprate{width: 1226px;border-bottom: 1px solid #e0e0e0;display: block;}
.footer-top_li_2{width: 1226px;height: 100px;margin: 40px 0;}
.footer-top_li_a dl{float: left;display: block;width: 160px;}
.footer-top_li_a dt{font-size: 14px;line-height: 14px;color: #424242;margin-bottom: 26px;}
.footer-top_li_a dd{font-size: 12px;line
批改老师：天蓬老师批改时间：2018-12-17 17:33:35
老师总结：css的类命名, 请统一, 不要一会用连接线-, 一会用下划线
