abstract:总结:总感觉时间不够。本来想学的php,在前端弄这么久。。反正慢慢来吧。代码:HTML<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>红米6A立即购买</title><link rel="
总结:
总感觉时间不够。
本来想学的php,在前端弄这么久。。反正慢慢来吧。
代码:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>红米6A立即购买</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="">云服务</a><span>|</span></li>
<li><a href="">小爱分享平台</a><span>|</span></li>
<li><a href="">金融</a><span>|</span></li>
<li><a href="">有品</a><span>|</span></li>
<li><a href="">企业服务</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="#">注册</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> 购物车(0)</a>
<div>购物车中还没有商品,赶紧选购吧!</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 >小米手机
<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>
&
Correcting teacher:韦小宝Correction time:2019-03-11 09:06:30
Teacher's summary:写的是非常的不错 但是这种引入这外部样式的 下次还要记得附上结果图哦 现在基本上PHP都是要求会前端的