導航欄和焦點圖均無法居中,有大神能幫忙看看么
@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后就隱藏掉*/
}