首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

帮小弟我看看里面有什么有关问题吗?多谢

2012-02-23 
各位高手帮我看看里面有什么问题吗?谢谢!!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN

各位高手帮我看看里面有什么问题吗?谢谢!
<!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>孩子赶紧回家吧!</title>
<style type="text/css">
@charset "utf-8";
/* CSS Document */

*,body,div,form,ul,li,a,span{
margin:0;
padding:0;
text-decoration:none;
list-style:none;
font-family:Arial,'宋体';
}
body{
height:1000px;
background:#FFF;
}
.clr{clear:both}

/*创建一个top来存放nav*/
.top{
height:35px;
margin:0 auto;
background:#000;
}

/*-----------------nav--------------------------*/
/*创建nav*/
.top .nav{
width:940px;
margin:0 auto;
}

/*给nav左边申请一个空间*/
.nav .nav_left{width:570px;float:left;}

/*创建nav左半部分的nav_l_l空间以及ul,li*/
.nav_left .nav_l_l{
width:450px;
float:left;
position:relative;
}
.nav_l_l ul li{
width:90px;
height:35px;
float:left;
text-align:center;

}
.nav_l_l ul li a{display:block;}
.nav_l_l ul li a:hover{
color:#fff;
background:url(../images/nav_hover.jpg);
}
/*创建一个navpic用于放置nav_hover.png*/
.navpic{
width:90px;height:39px;
top:0;
left:0;
position:absolute;
}

/*创建nav左半部分的nav_l_r空间,与nav_l_l对应*/
.nav_left .nav_l_r{
width:120px;
float:left;
}

/*ul与nav_sub的共有属性*/
li a,nav_sub li a{
color:#999;
font-size:12px;
font-weight:700;
line-height:35px;
}
.nav_sub li a:hover{
color:#fff;
background:url(../images/nav_hover.jpg);
}
/*为nav中的图标创建空间*/
.nav_l_r .nav_Rssion{
width:30px;
height:35px;
background:url(../images/nav_RSSicon.png) no-repeat center;
float:left;
}

/*与图标对应的nav*/
.nav_l_r .nav_sub{
width:90px;
height:35px;
float:left;
}
.nav_sub li{text-align:center;}
.nav_sub li a{display:block;}

/*创建nav右半部分nav_right*/
.nav .nav_right{
width:250px;
height:35px;
float:right;
line-height:35px;
position:relative;
}

/*为SEARCH输入框设置属性*/
.nav_right .word{
background:#333333;
border:1px solid #666;
position:absolute;
left: 0;
top: 8px;
}

/*为SEARCH按钮设置属性*/
.nav_right .search{
width:78px;
height:35px;
border:none;
margin-left:20px;
position:absolute;
background:url(../images/nav_serch.jpg) no-repeat right;
left: 146px;
top: 0;
}

/*-------------------body-------------------------*/
/*存放MAGNIFICO*/
.magnifico{

height:28px;
margin:45px auto;
background:url(../images/logo.png) no-repeat center;
}
.bdy{
width:942px;
height:335px;
margin:0 auto;
border:1px solid #CCC;
}
.bdy .bdy_left{
width:648px;
height:335px;
float:left;

}
.bdy .bdy_right{
width:290px;
height:335px;
float:left;
background:#999999;
}
bdy .bdy_right .l_top{
height:110px;
width:288px;
margin:2px 0 0 0;
border-bottom:1px solid #999;
}
.bdy .bdy_right .l_center{
height:110px;
width:288px;
margin:2px 0 0 0;
border-bottom:1px solid #999;
}
.bdy .bdy_right .l_bottom{
height:110px;
width:288px;
margin:1px 0 0 0;

}
.biaoti{
font-size:18px;
margin:10px 0 0 40px;
}
.text{
font-size:11px;
margin:18px 0 23px 40px;
line-height:15px;
}
.kong{
height:10px;
}
.bdy1{
height:202px;
width:946px;
margin:10px auto 60px;


}
.bdy1 .bdy1_left{
width:220px;
height:200px;
float:left;
background:url(../images/bg-img.png) no-repeat;
margin:0 20px 0 0;
border:1px solid #666;
}
.bdy1 .bdy1_left .subnav{
height:50px;
font-size:18px;
font-weight:900;
line-height:50px;
text-align:center;
background:url(../images/bg-title.png);
}
.bdy1 .bdy1_center{
width:220px;
height:200px;
float:left;
margin:0 20px 0 0;
border:1px solid #666;
}
.bdy1 .bdy1_center .c_subnav{
height:50px;
font-size:18px;
font-weight:900;
line-height:50px;
background:url(../images/bg-title.png) no-repeat;
}
bdy1 .bdy1_center .icon{
width:220px;
height:132px;
}
.bdy1 .bdy1_right{
width:460px;
height:200px;
float:left;
border:1px solid #666;
}
.bdy1 .bdy1_right .l_title{
width:460px;
height:50px;
background:url(../images/bg_ltitle.png);
font-size:18px;
line-height:50px;
}
.bdy1 .bdy1_right .l_more{
line-height:30px;
text-decoration:underline;
font-size:16px;
margin:0 0 0 15px;
}
.bdy1 .bdy1_right .l_text{
font-size:11px;
line-height:30px;
margin:15px 0 0 14px;

}
.bdy2{
height:300px;
width:1100px;
margin:5px auto;
background:#000000;
}
.bdy2 .bdy2_blog1{
width:293px;
height:300px;
color:#CCC;
font-size:18px;
margin:0 0 0 80px;
float:left;
}
.bdy2 .bdy2_blog2{
width:293px;
height:300px;
color:#CCC;
font-size:18px;
margin:0 0 0 30px;
float:left;
}
.bdy2 .bdy2_blog3{
width:293px;
height:300px;
color:#CCC;
font-size:18px;
margin:0 0 0 30px;
float:left;
}
.bdy2 .bdy2_kuang1{
height:50px;
width:293px;
border-bottom:1px dashed #CCCCCC;
line-height:50px;
margin:20px 0 0 0;
}
.bdy2 .bdy2_kuang2{
height:90px;
width:293px;
border-bottom:1px dashed #CCC;
margin:20px 0 0 0;
line-height:30px;
}
li.li_text{
font-size:12px;
list-style:none;
}
.bdy2 .bdy2_kuang3{
height:200px;
width:293px;
margin:20px 0 0 0;
}
.foot{
height:55px;
width:940px;
margin:0 auto;
font-size:10px;
line-height:50px;
text-align:center;
background:url(../images/magnifico.jpg) no-repeat;
}
</styly>
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
</head>
<body>
<div class="top">
<div class="nav">
<div class="nav_left">
  <div class="nav_l_l">
  <ul>
  <li><a href="">HOME</a></li>
  <li><a href="">ABOUT</a></li>
  <li><a href="">PORTFOLIO</a></li>
  <li><a href="">BLOG</a></li>
  <li><a href="">CONTACT</a></li>
</ul>
  <div class="clr"></div>
  </div>  
  <div class="nav_l_r">
  <div class="nav_Rssion"></div>  
  <div class="nav_sub"><li><a href="">SUBSCRIBE</a></li></div>
  </div>  
  <div class="clr"></div>


  </div>  
  <div class="nav_right">
  <input type="text" size="18" class="word" value="input your information!" onclick="this.style.color='black';this.style.background='#fff';this.value='';" onblur="this.style.color='#000';this.style.background='#333333';this.value='input your information!';" />
  <input type="submit" value="" class="search" />
  </div>
  <div class="clr"></div>
  </div>  
</div>
<div class="magnifico"></div>
</div>
<div class="bdy">
<div class="bdy_left"><a href="#"><img src="images/home-light.png" width="648" /></a></div>
<div class="bdy_right">
<div class="l_top"><div class="r_bground"></div>
<div class="biaoti">BIG TIME EYE CAND</div>
<div class="text">fusce aliqud,ante nec dictum accums an,<br />risus sapien aliquet ipsum,quis congue risus</div>
</div>
<div class="l_center">
<div class="biaoti">BIG TIME EYE CAND</div>
<div class="text">fusce aliqud,ante nec dictum accums an,<br />risus sapien aliquet ipsum,quis congue risus</div>
</div>
<div class="l_bottom">
<div class="biaoti">BIG TIME EYE CAND</div>
<div class="text">fusce aliqud,ante nec dictum accums an,<br />risus sapien aliquet ipsum,quis congue risus</div>
</div>
</div>
<div class="clr"></div>
</div>
<div class="kong"></div>
<div class="bdy1">
<div class="bdy1_left">
<div class="subnav"><a href="#"></a>FEATURED WORK</div>
</div>
<div class="bdy1_center">
<div class="c_subnav">  FOLLOW US!</div>
<div class="icon"><a href="#"><img src="images/icon.png" width="216" /></a></div>
</div>
<div class="bdy1_right">
<div class="l_title"><a href="#"></a>  ABOUT US!</div>
<div class="l_text">Fasce alique, ante nec dicum accumsan ,risus sapien apien aliquet ipsum<br />
  quit congue risus ,Pellentesque venenties egestaslectus a condi-<br />
  mentum .Nulla ut erat ut.Pellente sque venenvtis egestas lectus
</div>
<div class="l_more">LEARN MORE</div>
</div>
</div>
<div class="bdy2">
<div class="bdy2_blog1">
<div class="bdy2_kuang1">FROM THE BLOG</div>
<div class="bdy2_kuang2">LIBERTION IS LIVE!<br />09:09:09<br /><li class="li_text" >Etiam lectus nulla,vestibulum vel luctus eu.</li>
</div>
<div class="bdy2_kuang2">LIBERTION IS LIVE!<br />09:09:09<br /><li class="li_text" >Etiam lectus nulla,vestibulum vel luctus eu.</li>
</div>
</div>
<div class="bdy2_blog2">
<div class="bdy2_kuang1">FROM TWITTER</div>
<div class="bdy2_kuang2">LIBERTION IS LIVE!<br />09:09:09<br /><li class="li_text" >Etiam lectus nulla,vestibulum vel luctus eu.</li></div>


<div class="bdy2_kuang2">LIBERTION IS LIVE!<br />09:09:09<br /><li class="li_text" >Etiam lectus nulla,vestibulum vel luctus eu.</li></div>
</div>
<div class="bdy2_blog3">
<div class="bdy2_kuang1">FROM FLICKR</div>
<div class="bdy2_kuang3"><a href="#"><img src="images/cat.png" /></a></div>
</div>
</div>
<div class="foot">        
  @2009 MAGNIFCO |DESIGNED AND DEVELOPPED BY DDSTUDIOS           
  NEVIS FORT BY ED MERRITT|ILLUSTRATIONS BY POLEL
</div>
</body>
</html>


[解决办法]
楼主,你也得说说遇到了什么问题吧.

[解决办法]
楼主,你犯了一个很低级的错误,这代码是你自己写的吗?怎么<style type="text/css">结尾你都写错了,不是</styly>啦,而是</style>.你在仔细看看是不是。

然后你还有两js引用文件没放上来,有些效果我们也看不到。

热点排行