<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <link href="main.css" rel="stylesheet" type="text/css"> <link href="reset.css" rel="stylesheet" type="text/css"> </head> <body> <div class="headerBar"> <div class="topBar"> <div class="comWidth"> <div class="leftArea"> <a href="#" class="collection">收藏网页</a> </div> <div class="rightArea"> </div> </div> </div> <div class="logoBar"> <div class="comWidth"> <div class="logo"> <a href="#"><img src="" alt="网页" /></a> </div> <div class="serch_box"> <input type="text" value="请输入内容" class="serchtext"> <input type="button" value="搜 索" class="serchbutton"> </div> <div class="shopCar"> <span class="shoptext">购物车</span> <span class="shopNum">0</span> </div> </div> </div> <div class="navBox"> <div class="comWidth"> <div class="shopClass"> <h3>全部商品分类</h3> </div> <ul class="nav"> <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>
/*main.css*/
@charset "utf-8";
/* CSS Document */
/*公用*/
.comWidth{width:1000px; margin-left:auto; margin-right:auto;}
/*topBar*/
.topBar{height:31px;backgroundColor:#f7f7f7;}/*reset.css*/
@charset "utf-8";
/* CSS Document */
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form{margin: 0; padding: 0;}
body{font:14px/1.5 "宋体";}
img{border:none;}
ul,ol{list-style:none;}
input,select,textarea{outline:none;}
textarea{resize:none;}
a{text-decoration:none;}
/*清浮动*/
.clearfix:after{content:"";*display:block;*clear:both;}
.clearfix{zoom:1;}跟着做也出错,不居中啊
year1233
宇xixi