导航栏和焦点图均无法居中,有大神能帮忙看看么
@charset="utf-8"
/*Css Document*/
*
{
margin="0px;"/*外边距*/
padding="0px;"/*内边距*/
font-size="12px;"/*字体的尺寸*/
}
body
{
background-color:#f5f5f5;/*背景颜色灰色*/
}
.top
{
width:100%;/*宽*/
height:27px;/*高*/
background:url(../img/top_bg.jpg)repeat-x;/*规定的背景图片路径,水平重复*/
}
.top_content
{
width:1000px;/*宽度1000像素*/
margin:0 auto;/*上下间距是0 左右间距是自动*/
}
.top_content li
{
list-style-image:url(../img/li_bg.gif);
float:right;/*水平排列设置右边浮动*/
width:90px;/*宽度70px;*/
}
.top_content a:link,.top_content a:visited/*top_content类下超链接的初始状态,top_content类超链接访问之后的状态*/
{
color:#8E8E8E;/*背景颜色灰色*/
text-decoration:none;/*初始状态没有任何下划线,没有任何修饰*/
}
.top_content a:hover,.top_content a:active/*鼠标经过时的状态,active表示为活动状态*/
{
color:#900;/*鼠标经过为红色*/
text-decoration:none;/*初始状态没有任何下划线,没有任何修饰*/
}
.warp
{
width:1000px;/*宽度1000像素*/
margin:0 auto;/*上下间距是0 左右间距是自动*/
}
.logo
{
height:80px;/*高度为80px;*/
background-color:#FFF;
}
.logo_left
{
width:200px;/*宽度200像素*/
float:left;/*向左浮动*/
}
.logo_right
{
width:300px;/*宽度300像素*/
float:right;/*向右浮动*/
height:28px;/*高度为28px*/
margin-top:30px;/*上外边距30px*/
color:#8E8E8E;/*电话颜色灰色*/
}
.logo_right img/*logo图片换*/
{
vertical-align:middle;/*垂直对齐方式:中间*/
margin-right:10px;/*右边距10px*/
}
.tel
{
font-family:"微软雅黑";
font-size:16px;/*字体大小*/
color:#C00;
}
.nav
{
height:40px;
}
.nav_left
{
width:10px;/*宽度为10像素*/
background:url(../img/nav_left.jpg)no-repeat;/*不平铺*/
float:left;/*向左浮动*/
height:40px;
}
.nav_mid
{
width:980px;
background:url(../img/nav_bg.jpg)repeat-x;/*图片在水平方向重复*/
float:left;/*向左浮动*/
}
.nav_right
{
width:10px;/*宽度为10像素*/
background:url(../img/nav_right.jpg)no-repeat;/*不平铺*/
float:left;/*向左浮动*/
height;40px;
}
.nav_left,.nav_mid,.nav_right
{
float:left;
height:40px;
}
.nav_mid_left,.nav_mid_right
{
float:left;
}
.nav_mid_left
{
width:680px;
}
.nav_mid_right
{
width:300px;
}
.nav_mid_left li
{
float:left;
list-style-type:none;
width:100px;/*设置高度导航栏就会自动产生间距*/
text-align:center;/*让每个li里的文字居中*/
line-height:10px;/*设置行高导航栏在盒子垂直范围内就会居中*/
}
.nav_mid_left a:link,.nav_mid_left a:visited/*控制它下面的超链接 link初始状态*和这个下面访问支付状态*/
{
text-decoration:none;/*去除下划线*/
color:#FFF;
font-size:16px;/*改变字体大小*/
font-family: "微软雅黑";
}
.nav_mid_left a:hover,.nav_mid_left a:active/*控制它下面的超链接 鼠标经过的状态*和这个下面鼠标点击的状态*/
{
text-decoration:none;/*去除下划线*/
color:#FF0;
font-size:16px;/*改变字体大小*/
font-family: "微软雅黑";
}
.search_text
{
width:190px;
height:25px;
margin-top:5px;
background-image:url(../img/search.jpg);
background-repeat:no-repeat;/*背景图像的重复方式:不重复*/
background-position:right center;/*背景图像的位置:水平靠右,垂直居中*/
background-color:#FFF;
padding-right:25px;
border:1px solid #FFF;
}
.ad
{
height:310px;
overflow:hidden;/*当溢出ad这个div后就隐藏掉*/
}