<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ds模板</title>
<link type="text/css" rel="stylesheet" href="style/main.css"/>
<link type="text/css" rel="stylesheet" href="style/reset.css"/>
</head>
<body>
<div class="headerBar">
<div class="topBar">
<div class="comWith">
<div class="leftArea">
<a class="collection" href="#">收藏慕课</a>
</div>
<div class="rightArea">
</div>
</div>
</div>
<div class="logoBar">
<div class="comWith">
<div class="logo">
<a><img src="#" alt="慕课网"></a>
</div>
<div class="search_box">
<input type="text" class="search_text"/>
<input type="button" class="search_btn" value="搜索" />
</div>
<div class="shopCar">
<span class="shopText">购物车</span>
<span class="shopNum">0</span>
</div>
</div>
</div>
<div class="navBox">
<div class="comWith">
<div class="shopClass">
<h3>全部商品分类</h3>
</div>
<ul>
<li><a href="#">数码城</a></li>
<li><a href="#">天黑黑</a></li>
<li><a href="#">团购</a></li>
<li><a href="#">发现</a></li>
<li><a href="#">二手特卖</a></li>
<li><a href="#">名品会</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
/*公用*/
.comWith{
width:1000px;
margin-left: : auto;
margin-right: auto;
}
.leftArea{
float:left;
}
/*topBar*/
.topBar{
height: 31px;
background-color:red;/*%F7F7F7*/
line-height: 31px;
}
/**/
橋本奈奈未