<!doctype html><html><head><meta charset="utf-8"> <link type="text/css"rel="stylesheet" href=“style/reset.css"/><link type="text/css"rel="stylesheet" href=“style/main.css"/></head> <body><div class="headerBar"> <div class="topBar"> <div class="comWidth"> <div class"leftarea"> <a href="#"class="collection">收藏慕课</a> </div> <div class="rightarea"> 欢迎来到慕课网！<a href="#"[登录]</a><a href="#">[免费注册]</a> </div> </div> </div> <div class="logoBar"> <div class="comWidth"> <div class="logo"> <a href="#"><img src="images/logo.jpg "alt="慕课网"></a> </div> <div class="search_box"> <input type="text"class="search_text"> <input type="button"value=搜 索"class="search-btn"> </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>@charset="utf-8";/* CSS Document */ body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}body{font-size:12px;}img{border:none;}li{list-style:none;}input,select,textarea{outline:none;} a{text-decoration:none;color:#656565;}/*清除浮动*/.clearfix:after{content:"";dispalay:block;clear:both;}clearfix{zooom:1;}/*给IE6清除浮动的*/ @charset="utf-8";/* CSS Document *//*公用*/.comWidth{width:1000px;margin-left:auto;margin-right:auto;}.leftArea{flaot:left;}.rightArea{float:right;}/*topBar*/.topBar{height:31px;background-color:#F7F7F7;line-height:31px;}.collection{background:url(../images/icon/collection.gif) left center no-repeat; padding-left:19px;font-weight:bold;}.topBar a:hover{color:red;}/*logo*/.logoBar{height:85px;color:#1D7AD9}.logo{padding-left:41px padding-top:13px;}
- 2 回答
- 0 关注
- 16450 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消