<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>無標(biāo)題文檔</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">收藏網(wǎng)頁</a>
?????????</div>
?????????<div?class="rightArea">
?????????????
?????????
?????????</div>
??????</div>??
???
???</div>
???<div?class="logoBar">
??????<div?class="comWidth">
????????<div?class="logo">
?????????<a?href="#"><img?src=""?alt="網(wǎng)頁"?/></a>
????????</div>
????????<div?class="serch_box">
????????<input?type="text"?value="請(qǐng)輸入內(nèi)容"?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="#">數(shù)碼城</a></li>
???????<li><a?href="#">天黑黑</a></li>
???????<li><a?href="#">團(tuán)購</a></li>
???????<li><a?href="#">發(fā)現(xiàn)</a></li>
???????<li><a?href="#">二手特賣</a></li>
???????<li><a?href="#">名品會(huì)</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;}
/*清浮動(dòng)*/
.clearfix:after{content:"";*display:block;*clear:both;}
.clearfix{zoom:1;}跟著做也出錯(cuò),不居中啊
2 回答
year1233
TA貢獻(xiàn)9條經(jīng)驗(yàn) 獲得超12個(gè)贊
經(jīng)驗(yàn)證，<div?class="comWidth">層已經(jīng)是居中狀態(tài)哦，.comWidth{width:1000px;?margin-left:auto;?margin-right:auto;}和.comWidth{width:1000px;?margin：0 auto;}對(duì)于達(dá)到居中是一樣的效果；居中效果圖如下：
如果你的頁面沒有達(dá)到這種效果，可能說明你的main.css樣式表引用路徑不正確，好好檢查下再試試看下，如果還有別的疑問，可以再問我哦，
望采納，加油！
-
慕粉3442477<link href="style/main.css" rel="stylesheet" type="text/css">這樣寫 和這樣寫<link href="main.css" rel="stylesheet" type="text/css">,哪種對(duì)? -
year1233格式是都對(duì)的，具體的要看你的main.css文件相對(duì)于你當(dāng)前這個(gè)html頁面的路徑，就是說main.css文件你放在了那個(gè)文件夾里了。 如果你這個(gè)頁面和main.css放在同一個(gè)文件夾，那么你就要使用<link href="main.css" rel="stylesheet" type="text/css">，如果main.css文件放在以“style”命名的文件夾中，并且這個(gè)文件夾和你的這個(gè)頁面在同一個(gè)文件夾里，就使用<link href="style/main.css" rel="stylesheet" type="text/css">，有點(diǎn)繞，希望你理解了哈~
添加回答
舉報(bào)
0/150
提交
取消