帮小弟我看看里面有什么有关问题吗？多谢
日期：2014-05-17 浏览次数：20908 次
各位高手帮我看看里面有什么问题吗？谢谢！
<!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;
<!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;
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
