小米php架构图,小米商城基本框架部分

摘要：html>

小米商城小米商城

小米闪购

手机

智能

家电

网页底部

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

li{list-style: none;}

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

.clear{clear: both;}

/*头部样式*/

.header{background: #333;width: 100%;height: 40px;}

.menu{background: #ccc;width: 1226px;height: 40px;margin: 0 auto;}

/*主体部分样式*/

.content{width: 1226px;margin: 0px auto;}

.contentMenu{background: #ccc;height: 90px;margin: 10px auto;}

.contentPic{margin: 10px auto;}

.contentPic_l{width: 246px;height: 480px;background: #ccc;float: left;}

.contentPic_r{width: 980px;height: 480px;background: blue;float: left;}

.contentPic_ul{height: 170px;margin: 10px auto;}

.contentPic_ul_1{width: 235px;background: #5f5750;height: 170px;margin-right: 13px;float: left;}

.contentPic_ul_0{width: 317px;height: 170px;float: left;}

/*小米闪购*/

.contentShop{margin: 10px auto;height: 340px;}

.contentShop_1{float: left;width: 235px;height: 340px;background: #ccc;}

.contentImg{background: #ccc;height: 100px;margin:10px auto;}

.contentUL{background: #ccc;height: 80px;margin:10px auto;}

.contentPhone{background: #ccc;height: 500px;margin:10px auto;}

/*网页底部*/

.footer{background: #ccc;width: 1226px;height: 200px;margin: 10px auto;}