mooc css
/这里为了方便用了通配符,实际项目中要有一个reset.css文件/
{
margin:0;
padding:0;
font-size:12px;
}
body{
background-color:#F5F5F5;
}
/*
top-css
/
.top{
width:100%;
height:27px;
background:url(../images/top_bg.jpg) repeat-x
}
.top_content{
width:1000px;
margin:0 auto;
}
.top_content li{
list-style-image:url(../images/li_bg.gif);
float:right;
width:70px;
line-height:27px;
}
.top_content a:link,.top_content a:visited{
color:#8E8E8E;
text-decoration:none;
}
.top_content a:active,.top_content a:hover{
color:#900;
text-decoration:none;
}
/
wrap-css
*/
.wrap{
width:1000px;
margin:0 auto;
}
/*
logo-css
*/
.logo{
height:80px;
background-color:#FFF;
}
.logo_left{
width:200px;
float:left;
}
.logo_right{
width:300px;
float:right;
height:28px;
margin-top:26px;
color:#8E8E8E;
}
.logo_right img{
vertical-align:middle;
margin-right:10px;
}
.tel{
font-family:"微软雅黑", "宋体";
font-size:16px;
color:#C00;
}
/*
nav-css
/
.nav{
height:40px;
}
.nav_left{
width:10px;
background:url(../images/nav_left.jpg) no-repeat;
}
.nav_mid{
width:980px;
background:url(../images/nav_bg.jpg) repeat-x;
}
.nav_right{
width:10px;
background:url(../images/nav_right.jpg) no-repeat;
}
.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;
line-height:40px;
}
.nav_mid_left a:link,.nav_mid_left a:visited{
text-decoration:none;
color:#FFF;
font-size:16px;
font-family:"微软雅黑", "宋体";
}
.nav_mid_left a:hover,.nav_mid_left a:active{
color:#FF0;
text-decoration:none;
font-size:16px;
font-family:"微软雅黑", "宋体";
}
.search_text{
width:190px;
height:25px;
margin-top:5px;
background:url(../images/search.jpg) no-repeat right center;
background-color:#FFF;
padding-right:25px;
border:1px solid #FFF;
}
/ad-css
/
.ad{
height:310px;
overflow:hidden;
}
/
main-css
*/
.main{
height:250px;
background:#FFF;
margin-top:5px;
}
.news{
width:340px;
border:1px solid #E8E8E8;
}
.course{
width:410px;
border:1px solid #E8E8E8;
margin:0 7px;
}
.sidebar{
width:230px;
}
.news,.course,.sidebar{
height:250px;
float:left;
}
.title{
height:35px;
border-bottom:2px solid #E8E8E8;
}
.title_left{
width:70%;
font-family:"微软雅黑", "宋体";
font-size:14px;
font-weight:bold;
color:#786F66;
float:left;
line-height:35px;
padding-left:20px;
}
.title_right{
width:20%;
float:right;
line-height:35px;
text-align:right;
padding-right:10px;
}
.pic_news{
height:80px;
margin-top:10px;
line-height:22px;
}
.pic_news img,.course_pic img{
float:left;
margin:0 5px;
}
.pic_news a,.course_pic a{
color:#C00;
text-decoration:none;
}
.news_list{
margin-top:20px;
}
.news_list li{
list-style-image:url(../images/list.jpg);
margin:2px;
border-bottom:1px dotted #CCC;
}
.news_list a:link,.news_list a:visited{
text-decoration:none;
color:#000;
}
.news_list a:hover,.news_list a:active{
color:#F00;
}
.date{
float:right;
}
.course_pic{
height:120px;
line-height:22px;
margin-top:10px;
}
.course_type{
height:37px;
width:372px;
background:url(../images/product_type_bg.jpg) no-repeat;
margin:20px auto;
}
.course_type li{
list-style-type:none;
float:left;
line-height:37px;
margin:0 15px;
text-align:center;
}
.video{
height:185px;
border:1px solid #E8E8E8;
}
.video_content{
height:150px;
}
.sidebra_ad{
height:55px;
border:1px solid #E8E8E8;
margin-top:10px;
}
.copyright{
width:100%;
height:200px;
background:#E8E8E8;
margin-top:10px;
}
.copyright_content{
width:1000px;
margin:0 auto;
padding-top:20px;
}
.copyright_content li{
list-style-type:none;
float:left;
width:200px;
background:url(../images/line.png) no-repeat right center;
text-align:center;
line-height:30px;
font-family:"微软雅黑", "宋体";
}
.copyright_content a{
text-decoration:none;
color:#999;
font-size:18px;
}
.copyright_content ul ul a{
font-size:14px;
}