<!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>無標(biāo)題文檔</title>
<style?type="text/css"?src="PSD快速轉(zhuǎn)化HTML.jpg">
body,ol,ul,div,a,h,p,h1,h2,h3,h4,h5,li,dl,dd,a,input,form,textarea{
margin:0;
padding:0;
font-family:Arial,?Helvetica,?sans-serif;
}
ol,ul,li{
list-style:none;
}
a{text-decoration:none;
}
img{
border:none;
display:block;
}
.clearfloat{
zoom:1;
}
.clearfloat:after{
display:block;
clear:both;
conton:"";
visibility:hidden;
height:0;
}
.public-header{
height:110px;
}
.public-header.header-logo{
float:left;
width:182px;
height:54px;
background-img:url("../iamges/logo.jpg");
}
.public-container{
position:relative;
margin:0?auto;
width:1100px;
}
.public-footer{
height:318px;
background:#3b3b3b;}
</style>
</head>
???
<body>
?<div?class="public-header">
????<div?class="public-container?clearfloat">
????????<div?class="header-logo"><a?href=""></a></div>
????????<div?class="header-nav"><a?href=""></a>
????????<ul?class="header-nav?clearfloat">
????????????????<li?class="item">Our?Story</li>
????????????????????<li?class="item">Menu</li>
????????????????????<li?class="item">Reservation</li>
????????????????????<li?class="item">News</li>
????????????????????<li?class="item">Rivews</li>
????????????????</ul>
????????</div>
????????</div>
????</div>
????<div?class="index-banner"></div>
????<div?class="index-list?public-container"></div>
????<div?class="index-panel?public-container">
????????<div?class="index-panel-header">ffff</div>
????</div>
????<div?class="index-panel?public-container">
?????<div?class="index-panel-header">ffff</div>
????</div>
????<div?class="public-footer"></div>
</body>
</html>
2 回答
已采納
業(yè)余奶茶品鑒師
TA貢獻(xiàn)260條經(jīng)驗(yàn) 獲得超388個(gè)贊
.public-header.header-logo{ 中間要加空格，背景根本沒加進(jìn)去。望采納
-
慕雪1032536什么中間？ 我寫成.的這個(gè)位置嗎？ -
業(yè)余奶茶品鑒師寫成這樣 .public-header 空格.header-logo { }
-
慕雪1032536我懂了 .head-logo前面加空格！謝謝您
點(diǎn)擊展開后面1條
添加回答
舉報(bào)
0/150
提交
取消