摘要：總結(jié)：總感覺時(shí)間不夠。本來(lái)想學(xué)的php，在前端弄這么久。。反正慢慢來(lái)吧。代碼：HTML<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>紅米6A立即購(gòu)買</title><link rel="
總結(jié)：
總感覺時(shí)間不夠。
本來(lái)想學(xué)的php，在前端弄這么久。。反正慢慢來(lái)吧。
代碼：
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>紅米6A立即購(gòu)買</title>
<link rel="shortcut icon" type="image/x-icon" href="static/images/footlogo.png">
<link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="static/css/style.css">
<link rel="stylesheet" type="text/css" href="static/css/detail.css">
<script src="static/js/jq_3.3.1_mi.js"></script>
<script src="static/js/detail.js"></script>
</head>
<body>
<!-- 頭部 -->
<div class="header">
<div class="menu">
<div class="header-left">
<ul>
<li><a href="">小米商城</a><span>|</span></li>
<li><a href="">MIUI</a><span>|</span></li>
<li><a href="">IOT</a><span>|</span></li>
<li><a href="">云服務(wù)</a><span>|</span></li>
<li><a href="">小愛分享平臺(tái)</a><span>|</span></li>
<li><a href="">金融</a><span>|</span></li>
<li><a href="">有品</a><span>|</span></li>
<li><a href="">企業(yè)服務(wù)</a><span>|</span></li>
<li><a href="">SelectRegion</a><span>|</span></li>
</ul>
</div>
<div class="header-right">
<ul>
<li class="header-li"><a href="#">登錄</a><span>|</span></li>
<li class="header-li"><a href="#">注冊(cè)</a><span>|</span></li>
<li class="header-li"><a href="shop/order.html">消息通知</a></li>
<li class="header-right-li">
<a href="shop/cart.html"><i class="fa fa-shopping-cart"></i> 購(gòu)物車(0)</a>
<div>購(gòu)物車中還沒有商品，趕緊選購(gòu)吧！</div>
</li>
</ul>
</div>
</div>
</div>
<div class="contents">
<div class="content">
<div class="content-menu">
<div class="content-menu-pic">
<img src="static/images/footlogo.png" alt="" style="margin:5px 0px; margin-right:10px;">
<img src="static/images/logoAD.gif" alt="">
</div>
<ul class="content-menu-ul">
<li >小米手機(jī)
<div class="mi-phone">
<div class="mi-phone-div">
<div class="mi-phone1">
<div class="new">新品</div>
<div class="mi-phone1-shop">
<img src="static/images/phone/phone1.png" alt="">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color:#ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="mi-phone1">
<div class="new">新品</div>
<div class="mi-phone1-shop">
<img src="static/images/phone/phone1.png" alt="">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color:#ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="mi-phone1">
<div class="new">新品</div>
<div class="mi-phone1-shop">
<img src="static/images/phone/phone1.png" alt="">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color:#ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="mi-phone1">
<div class="new">新品</div>
<div class="mi-phone1-shop">
<img src="static/images/phone/phone1.png" alt="">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color:#ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="mi-phone1">
<div class="new">新品</div>
<div class="mi-phone1-shop">
<img src="static/images/phone/phone1.png" alt="">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color:#ff6700;">3299 元</a>
</div>
</div>
</div>
</div>
</li>
<li>紅米
<div class="mi-phone">
<div class="mi-phone-div">
<div class="mi-phone1">
<div class="new">新品</div>
<div class="mi-phone1-shop">
<img src="static/images/phone/phone1.png" alt="">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color:#ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="mi-phone1">
<div class="new">新品</div>
<div class="mi-phone1-shop">
<img src="static/images/phone/phone1.png" alt="">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color:#ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="mi-phone1">
<div class="new">新品</div>
<div class="mi-phone1-shop">
<img src="static/images/phone/phone1.png" alt="">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color:#ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="mi-phone1">
<div class="new">新品</div>
<div class="mi-phone1-shop">
<img src="static/images/phone/phone1.png" alt="">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color:#ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="mi-phone1">
<div class="new">新品</div>
&
批改老師：韋小寶批改時(shí)間：2019-03-11 09:06:30
老師總結(jié)：寫的是非常的不錯(cuò) 但是這種引入這外部樣式的 下次還要記得附上結(jié)果圖哦 現(xiàn)在基本上PHP都是要求會(huì)前端的