<元字符集=“UTF-8”>
<脚本类型="text/javascript" src="static/js/layui.all. js" ></script>
<脚本类型="text/javascript" src="static/js/jquery-3.3.1.min.js" ></script>
<script type="text/javascript" src="static/js/detail.js" ></script>
<title>红米6A立即购买—小米商城
*{padding: 0;margin: 0;list-style: none;text-decoration: none;}
/*头*/
.header-lr{宽度:100%;高度:50px; box-shadow: 0px 10px 10px #ccc;margin-top: 10px;border-top: 2pxsolid #ccc;}
.header-lr-box{宽度: 1226px;高度:50px;边距:0 auto;}
.header-lefts li{宽度:70px;高度:50px;浮动:左;文本对齐:中心;行高:50px;}
.header-lefts li a{颜色:#23262E;font-size: 14px;font-weight: none;}
.header-right{float: right;}
.header-right li{float:左;宽度:70px;高度:50px;行高:50px;文本对齐:居中;}
.header-right span{float:left;line-height:50px;颜色:#aaa;字体大小:12px;}
.detail-img{宽度:1226px;边距:0 auto;}
.detail-img h6{字体大小:16px ;字体粗细:粗体;边距:10px自动;浮动:左;}
/*主要内容*/
.content-box{宽度:1226px;边距:30px自动;}
.content-box-left{宽度:560px;高度:600px;浮动:左;}
.content-box-right{宽度:600px;浮动:右;}
.content-box-right p{颜色:#aaa;边距: 10px auto;}
.content-box-map{宽度: 100%;高度: 100px;背景: /*rgba(51,51,51,0.2)*/#fafafa;边距: 20px自动;边框:1px实心#ccc;}
.content-box-map span{显示:内联块;上边距:10px;左边距:15px;}
。 content-box-map i{位置:相对;左:12px;}
.content-box-money .rls{边框:1px实体#FF8200;}
.content-box-钱div{宽度:255px;高度:50px;文本对齐:中心;浮动:左;边框:1px实心#ccc;行高:50px;填充:0px 20px;}
.content-box -money span{float: right;color: #ccc;}
.content-box-money p{font-size: 18px;color: #333;margin: 15px 0px;}
.content-box-color p{字体大小:18px;颜色:#333;边距:15px 自动;}
.content-box-color div{宽度:255px ;高度:50px;浮动:左;填充:0px 20px;文本对齐:居中;行高:50px;边框:1px 实心#ccc;}
.content-box-color span{display:inline-block;height: 16px;width: 16px;border-radius: 8px;margin-right: 10px;}
.content-bz-box0 p{浮动:左;字体大小:18px;颜色:#333;边距:20px 0px;}
.content-bz-box0 a{浮动:右;字体大小:14px;边距:20px 0px;颜色:#ff8200;}
.content-bz-box1{宽度:598px;高度:150px;边框:1px实心#ccc;}
.content-bz-box1 span{float :左;宽度:10px;高度:10px;行高:10px;边框半径:6px;显示:内联块;边距:60px auto;左边距:40px;}
.content- bz-box1 img{float: left;margin: 50px 20px;}
.content-bz-p{margin: 40px auto;}
.content-bz-p p{margin: 10px 自动;}
.content-bz-p span{float: right;margin: 0px;margin-right:20px;颜色:#ccc;宽度:50px;}
.content-bz-btn{颜色:rgba(0,0,0,0);边框:1px实心#ccc;}
.content-zs{宽度:100%;高度:130px;背景:#f9f9f9;顶部边距:30px;}
.content-zs div{边距:0px 30px 20px;高度:50px;行高:30px; }
.content-zs p {float: left;}
.content-zs span{float: right;line-height: 50px;}
.content-box-color .rls{边框:1px实线#FF8200;}
.content-box-money,.content-box-color{宽度:600px;}
.shop-che{宽度:240px;高度:50px;文本对齐:居中;行高:50px;背景:#FF5722;颜色:#FFF; }
样式>
头>
<正文> ;
;
#
< li>红米
="mi-box1">
新品
<img src="static/images/phone/phone1.png" />
<br />
<a href="# ">小米2s</a>
<br />>
<a href="#" style="color: #FF8200;">3299元< /a>######
######
;
<div class="mi-shop">
<img src="static/images/phone/phone1.png"/> ;
<br />
<a href="#">小米2s</a>
<br />
3299元
;
<div class="mi-shop">
<img src="static/images/phone/phone1.png"/> ;
<br />
<a href="#">小米2s</a>
<br />
3299元
;
<div class="mi-shop">
<img src="static/images/phone/phone1.png"/> ;
<br />
<a href="#">小米2s</a>
<br />
3299元
;
电视
笔记本
盒子
新品
路由器
< div class="mi-boxdiv">
新品分区>
<br //>
<a href="#">小米2s</a>
<br //>
<a href ="#" style=" color: #FF8200;">3299元
<span></span>
<div class="mi-box1">
<div class="mi-new">新品</div> ;
<br //>
<a href="#">小米2s</a>
<br //>
<a href ="#" style=" color: #FF8200;">3299元
<span></span>
<div class="mi-box1">
<div class="mi-new">新品</div> ;
<br //>
<a href="#">小米2s</a>
<br //>
<a href ="#" style=" color: #FF8200;">3299元
<span></span>
<div class="mi-box1">
<div class="mi-new">新品</div> ;
<br //>
<a href="#">小米2s</a>
<br //>
<a href ="#" style=" color: #FF8200;">3299元
;
智能硬件
服务
社区
你的写法问题,attr("class","class名前面不到带点号");这是个很小的细节哦,要注意
已解决