欧美100p,一个人免费观看www高清中文

abstrakt：<!DOCTYPE html><html><head><meta charset="utf-8"> <link rel="icon" href="http://s01.mifile.cn/favicon.ico" type="image/x-icon"&

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</script>

<a href="//www.mi.com/appdownload/">下載app</a>

<a href="#J_modal-globalSites" >Select Region</a>

</div>

</div>

</div>

<ul>

</ul>

</div>

</div>

</div>

</div>

</dir>

</div>

</div>

</div>

<div>小米插線板</div>

</dir>

</div>

</div>

<div id="DH_F3" class="more">智能

</div>

</div>

<div id="DH_F4" class="more">搭配

</div>

<div class="LD_U_1_0">預(yù)約維修服務(wù)</div>

<div class="LD_U_1_1"#F5F5F5>520余家售后網(wǎng)點(diǎn)</div>

</div>

</div>

</body>

</html>

*{margin:0px;padding: 0px;}

li{list-style:none;}

a{text-decoration: none;color: #b0b0b0;cursor: pointer;}

/*導(dǎo)航背景*/

#F1{height: 40px;width: 100%;background: #333;color: #b0b0b0;font-size: 12px;}

/*導(dǎo)航中間部分*/

#F1_on_C{height: 40px;width: 1226px;margin:0px auto;}

/*中間左側(cè)導(dǎo)航條*/

#F1_on_C_L{float: left;}

#F1_on_C_L>a{height:40px;line-height:40px;margin-right:5px;}

#F1_on_C_L>a:hover{color: #fff;}

/*中間右側(cè)注冊(cè)*/

#F1_on_C_R{float:right;height:40px;line-height:40px;}

#F1_on_C_R>a{margin-left: 13px;}

/*------分層線------*/

/*導(dǎo)航下的菜單*/

#F2{height: 100px;width: 1226px;margin:0px auto; }

/*導(dǎo)航下的菜單左側(cè)LOGO底色*/

#F2_logo{height:55px;width:55px;background-color:#FF6700;margin: 23px 0px;float: left;}

/*導(dǎo)航下的菜單左側(cè)LOGO底色上的字*/

#F2_logo>img{width: 49px;height: 49px;margin:3px 3px;}

/*導(dǎo)航下的中間的內(nèi)容*/

#F2_C{height:100px;float: left;}

#F2_C>ul{margin-left: 150px;}

#F2_C>ul>li{float: left;height: 100px;line-height: 100px;margin-right:20px;}

/*導(dǎo)航下的菜單右側(cè)搜索*/

#F2_search{}

/*分類(lèi)菜單層*/

#F3{width: 1226px;height: 430px;background: #ccc;margin: 0px auto;}

/*分類(lèi)菜單層下一行廣告位 */

#F4{width: 1226px;height: 170px;margin: 15px auto;}

#F4_1{width: 233px;height: 170px;background: yellow;float: left;}

#F4_2,#F4_3,#F4_4{width: 316px;height: 170px;margin-left: 15px;background: blue;float: left;}

#F4_2{background-image:url(https://i1.mifile.cn/a4/xmad_15500580021576_iymFx.jpg);background-size: cover;}

#F4_3{background-image:url(https://i1.mifile.cn/a4/xmad_15410029988871_TdzPQ.jpg);background-size: cover;}

#F4_4{background-image:url(https://i1.mifile.cn/a4/xmad_1550022313197_PMtDb.jpg);background-size: cover;}

/*1226-233-316*3=45 45/3=15*/

/*廣告為你而戰(zhàn)*/

#F5{width: 1226px;height: 120px;margin: 15px auto;background-image: url(https://i1.mifile.cn/a4/xmad_15502299357512_IFbpc.jpg);background-size: cover;}

/*灰色底*/

#DH{width: 100%;background:#F5F5F5;}

/*小方塊及上面字的整個(gè)容器*/

.more{width: 1226px;height: 694px;margin:30px auto;}

/*頂部左右有字的容器*/

.TT{width: 1226px;height: 80px;}

.TT>span{height: 79px;line-height: 79px;display: inline-block;}

/*文字左*/

.TL{float: left;font-size: 24px;}

/*文字右*/

.TR{float: right;}

/*左側(cè)上下通的廣告*/

.M1X1{width: 234px;height: 614px;float: left;}

/*右側(cè)上下兩排每排四個(gè)容器*/

.M4X2{float: left;height: 614px;width:992px; }

/*右邊隔行*/

.M4x2_0{width: 992px;height: 14px;clear: both}

/*每排四個(gè)里面單獨(dú)的一個(gè)*/

.M4X2_1{width: 234px;height: 300px;margin-left: 14px;float: left;background: #fff;}

.M4X2_1 img{margin: 0px 8px;max-width: 234px;}

/*4個(gè)兩排小塊，一塊分兩塊容器*/

.M4X2_1_2{}

/*4個(gè)兩排小塊，一塊分兩塊容器里的DIV*/

.M4X2_1>div{width: 234px;height: 143px;line-height: 143px;text-align:center;}

/*兩個(gè)小塊中間的隔行*/

.M4X2_1>.GH{width: 234px;height: 14px;background: #F5F5F5;}

/*橫幅廣告*/

.AD{width: 1226px;height: 120px;background: blue;margin:50px auto;}

.AD>img {max-width: 1226px;max-height: 120px;}

/*手機(jī)*/

#DH_F1{}

/*手機(jī)-橫幅廣告-家電*/

#DH_F1-2AD{}

/*家電*/

#DH_F2{}

/*左側(cè)1個(gè)兩行容器*/

.M1X1{height: 614px;width: 234px;}

/*左側(cè)1個(gè)兩行*/

.M1X2{width: 234px;height: 300px;float: left;}

/*左邊隔行*/

.M1x2_0{width: 234px;height: 14px;float: left;}

/*樓底*/

/*樓底上*/

#LD_U{width:100% ;height:273px;}

/*樓底上五段字容器*/

#LD_U_1{width: 1226px;height: 80px;margin:0px auto;border-bottom:1px solid #F5F5F5; }

#LD_U_1 div{height:18px;line-height:18px;font-size: 18px;width: 243px;float: left;text-align:center;margin:31px 0px;}

/*左邊第一個(gè)*/

.LD_U_1_0{}

/*后面四個(gè)*/

.LD_U_1_1{border-left: 1px solid #F5F5F5;}

/*樓底下*/

#LD_D{width:100% ;height:273px;background: #F5F5F5;}

Korrigierender Lehrer：韋小寶Korrekturzeit：2019-02-20 13:03:00
Zusammenfassung des Lehrers：寫(xiě)的很不錯(cuò) 還真是頭一次見(jiàn)到使用大寫(xiě)的class名啊不過(guò)這個(gè)也并不影響

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

用DIV實(shí)現(xiàn)商城的初步

Beliebte Eintr?ge