css全局样式总结

90 阅读 0 评论 60 点赞

我是靠谱客的博主魁梧康乃馨，最近开发中收集的这篇文章主要介绍css全局样式总结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

@charset "utf-8";
/** **/
body {
font-family: "宋体", Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0;
padding:0;
border:none;
text-align:center;
}

html,div,span,form,fieldset,legend,h1,h2,h3,h4,h5,h6,hr,p,br,ul,ol,li,dl,dt,dd,pre{ margin:0;padding:0;border:none;}
button,input,textarea,th,td{ margin:0;padding:0;}
ul,ol{list-style:none;}
img{ border:0px;}
a{
margin:0;padding:0;border:none;
}
table { border-collapse: collapse; border-spacing: 0; }

a {
   color: #1f3a87;
   text-decoration:none;
}
a:visited {
   color:#333;
   text-decoration:none;
}
a:hover {
   color:#bc2931;
   text-decoration:none;
}
a:active {
   color:#bc2931;
}

/**Area**/

.clear{
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearfix:after {
       content: ".";
       visibility: hidden;
       display: block;
       height: 0;
       clear: both;
   }

#IamFloat{
   float:left;
   margin:5px;
   display:inline;/*IE下再理解为5px*/
}

#menu,#main,#foot {
    width:1004px;
    height:auto;
    margin:0 auto;
    clear:both;
text-align:left;
}
/* 头部*/
#header{
    height:auto;
    margin:0 auto;
    clear:both;
text-align:left;
}

#head {
background-image: url(/rzpp/images/topbg.jpg);
background-repeat: repeat-x;
height: 29px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e0e0e0;
}
.head_title {
width: 1004px;
margin-right: auto;
margin-left: auto;
margin-top: 3px;
}
.head_title h1 {
font-size: 12px;
margin-top: 5px;
float: left;
margin-left: 5px;
}
.head_help {
display: inline;
float: right;
margin-right: 20px;
margin-top: 5px;
font-size:14px;
}
.head_help a{
font-size:16px;
font-family: "宋体",Helvetica, sans-serif;
}
#top {
height: 158px;
width: 1004px;
margin-right: auto;
margin-left: auto;
background-image: url(/rzpp/images/top2.jpg);
background-repeat: no-repeat;
}
#logo {
float: left;
margin-top: 50px;
}

#menu_nav {
background-image: url(/rzpp/images/menu_zi88_kuai22.png);
background-repeat: no-repeat;
font-size: 14px;
width: 1004px;
height: 45px;
}
#menu_nav ul {
padding-left: 5px;
height: 45px;
float: left;
margin-top: -4px;
}
#menu_nav ul li {
float: left;
list-style-type: none;
margin-right: 5px;
margin-left: 8px;
width: 95px;
color: #FFF;
display: block;
text-align: center;
height: 30px;
padding-top: 8px;
margin-top: 12px;
}
#menu_nav ul li a {
color: #FFF;
}
#menu_nav ul li a:hover {
background-image: url(/rzpp/images/h_05.jpg);
background-repeat: no-repeat;
background-position: center top;
color: #2C3983;
height: 30px;
width: 94px;
display: block;
margin-top: -10px;
padding-top: 10px;
}
#menu_nav ul li.tub {
background-image: url(/rzpp/images/h_05.jpg);
background-repeat: no-repeat;
background-position: center top;
color: #2C3983;
height: 30px;
width: 94px;
display: block;
margin-top: 10px;
text-decoration: none;
}