<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>电商网站</title>
<meta name="description" content="手机、电脑、手机配件、电脑配件、家电" />
<meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡" />
<style>
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,table,td,dd,dl,img,div,input{margin: 0;padding: 0;}
body{font-size: 12px;}
img{border:none;}
li{list-style: none;}
a{text-decoration: none;color: #656565;}
input{border:none;outline: none;background: none;}
/*清除浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom: 1;}
.fl{float: left;}
.fr{float: right;}
/*公共部分*/
.comwidth{width: 1000px;margin-left: auto;margin-right: auto;}
/*top部分*/
.top{height: 30px;line-height: 30px;background-color: #F7F7F7;}
.collection{background:url(../images/icon/collection.jpg) left center no-repeat ;
padding-left: 19px;font-weight: bold;}
.top a:hover{color:red;}
/*logo部分*/
.logobar{height: 85px;line-height: 85px;background: #1D7AD9;}
.logo img{margin-top: 10px;}
.search{width: 360px;height:30px;margin:23px 5px 27px 185px;background: #fff;
padding-left:5px;padding-right: 5px;border: 1px solid #000;display: inline;}
.search_text{height: 32px;width: 68px;font-size: 14px;font-family: "微软雅黑";
color:#fff;text-align: center;background-color: #FF8C00;margin-top: 23px;border: 1px solid #000;}
.shopCar{width: 145px;height: 32px;background: #FF8C00;margin-top: 23px; display: inline;line-height: 32px;font-size: 14px;margin-right:50px;}
.shopText{width: 88px; background: url(../images/icon/shaoIcon.jpg)10px no-repeat ;text-indent:40px; color: #fff;border-right: 1px solid #E27A00;}
.shopNum{width: 56px;color: #fff;background:url(../images/icon/sj.jpg) 38px no-repeat;text-indent: 25px;font-size: 18px;}
/*nav部分*/
.nav{clear: both;background: #1369C0;height: 35px;line-height: 35px;}
.nav li{float: left;}
</style>
</head>
<body>
<div class="header">
<div class="top comwidth">
<div><a href="">收藏店铺</a></div>
<div>欢迎来到慕课网! <a href="">[登陆]</a><a href="">[免费注册]</a></div>
</div><!-- top收藏结束 -->
<div class="logobar ">
<div>
<div class="fl logo"><img src="images/logo.jpg" alt=""></div>
<div><input type="text" value="" class="search fl">
<input type="button" class="fl search_text" value="搜索">
</div>
<div class="shopCar fr">
<span class="shopText fl">购物车</span>
<span class="shopNum fl">0</span>
</div>
</div><!-- logo结束 -->
<div class="nav ">
<h3>全部商品分类</h3>
</div><!-- nav结束 -->
</div><!-- 头部结束 -->
</body>
</html>
woshiajuana