5个CSS样式

 

body  {
    margin : 0px 0px 0px 0px ;
    background-color :  #ffffff
    background-attachment:fixed ;
    background-repeat : repeat-y ;

    background-position :  left ;
/*       font-family:Fixedsys;  */
}

a            {  color :  #000099 ;  text-decoration :  none ; }
a:link       {  color :  #336600 ;  text-decoration :  none ;   }
a:visited    {  color :  #3366ff ;  text-decoration :  none ;   }
a:active     {  color :  #000099 ;    }
a:hover      {  color :  #000000 ; text-decoration :  underline ; background-color  :  #ffff99 ; }

h1  {
    margin :  0px ;
    padding :  0px ;
}

h2  {
    margin :  0px ;
    padding :  0px ;
}

h3  {
    margin :  5px ;
    padding :  5px ;
    border-bottom :  1px solid #000000 ;
    border-left :  0px solid #006699 ;
}

hr  {
    border : 1px solid #F5F9FD ;
}

input  {
    font-size :  8pt ;
    border :  1px solid #8cacbb ;
    color :  Black ;
    background-color :  white ;
    vertical-align :  middle ;
    margin-bottom :  1px ;   /*  IE bug fix  */
    padding :  0.1em ;
}

td  {
    color : #006699 ;
    font-size :  small ;
    font-weight : normal ;
}

.title  {
    font-size :  large ;
    color :  #336600 ;
    font-weight : bold ;
    text-align : center ;
    padding-top : 10px ;
    padding-left : 10px ;
}

.dotted_area  {
    color : #006699 ;
    background-color :  #F5F9FD ;
    font-size :  small ;
    font-weight : normal ;
    line-height : 130% ;
    border-left :  1px dotted #006699 ;
    border-right :  2px dotted #006699 ;
    border-top :  1px dotted #006699 ;
    border : 1px dotted #006699 ;
    border-bottom :  2px dotted #006699 ;
    padding : 5px ;
    margin-bottom : 5px ;
    margin-left : 5px ;
    text-indent :  2pt ;
}
.solid_area  {
    color : #006699 ;
    background-color :  #F5F9FD ;
    font-size :  small ;
    font-weight : normal ;
    line-height : 130% ;
    border-left :  1px solid #006699 ;
    border-right :  2px solid #006699 ;
    border-top :  1px solid #006699 ;
    border-bottom :  2px solid #006699 ;
    padding : 5px ;
    margin-bottom :  5px ;
    margin-left :  5px ;
    text-indent :  2pt ;
}
.powered  {
    color : #999999 ;
    font-size : large ;
    font-weight : normal ;
    border-top : 1px dotted #006699 ;
    line-height : 140% ;
    padding : 2px ;
    margin-top : 10px ;
    text-align : center ;
    background : none ;
}

textarea  {
    border :  1px solid #8cacbb ;
    color :  Black ;
    background-color :  white ;
    padding :  0.1em ;
}
.postFoot  {
    color : #003366 ;
    font-size : small ;
    font-weight : normal ;
    background : #FFF ;
    margin-bottom : 5px ;
    border-bottom : 1px dotted #006699 ;
}
.post  {
    color : #003366 ;
    font-size : medium ;
    font-weight : normal ;
    line-height : 130% ;
    padding-bottom : 3px ;
    padding-top : 3px ;
    padding-left : 3px ;
    padding-right : 3px ;
    margin-bottom : 10px ;
    margin-top : 5px ;
    margin-right : 10px ;
}

.postText  {
    color : #006699 ;
    font-size :  small ;
    font-weight : normal ;
    line-height : 130% ;
    padding : 5px ;
    margin-bottom :  5px ;
    margin-left :  5px ;
    text-indent :  2pt ;
}

#top  {
    padding  :  10px ;
    background-color  :  #FFF ;
    color  :  #000 ;
    border-bottom  :  2px solid #8cacbb ;
}

#main  {
    margin  :  0px 190px 0px 200px ;
    background-color  :  #FFF ;
    padding  :  5px ;
    border-left  :  1px solid #8cacbb ;
    border-right  :  1px solid #8cacbb ;
    border-bottom  :  1px solid #8cacbb ;
}

#leftmenu ul, #rightmenu ul
{
    padding-right :  0px ;
    padding-left :  0px ;
    list-style-position :  inside ;
    font-size :  small ;
    padding-bottom :  0px ;
    margin :  0px 5px 0px 5px ;
    padding-top :  0px ;
    list-style-type :  decimal ;
}
#leftmenu, #rightmenu
{
    padding-right :  0px ;
    padding-left :  0px ;
    list-style-position :  inside ;
    font-size :  small ;
    padding-bottom :  0px ;
    margin :  0px 0px 0px 0px ;
    padding-top :  0px ;
    list-style-type :  decimal ;
    border-left :  1px solid #006699 ;
    border-right :  1px solid #006699 ;
    border-top :  1px solid #006699 ;
    border : 1px solid #006699 ;
    border-bottom :  1px solid #006699 ;
    margin-top : 10px ;
}

 

body  {
 font-size  :  .9em ;
 font-family  :  Verdana, Geneva, Arial, Helvetica, sans-serif ;
 margin  :  0px ;
}

a:visited,
a:active,
a:link  {  
 color :  Navy ;
 text-decoration  :  none ;
}

a:hover  {
 border : 1px solid #008000 ;  color : #008000 ;  background-color : #D5EAD5
}

h1  {
 margin  :  0px ;
 font-size  :  1.5em ;
}

h1 a:visited,
h1 a:active,
h1 a:link  {
 color  :  #000 ;
}

h1 a:hover  {
 color  :  #008000 ;
 text-decoration  :  none
}

h2  {
 margin-top  :  10px ;
 font-size  :  1em ;
}

h3  {
 font-size  :  1.2em ;
}

h5  {
 margin :  0px ;
 padding :  0px ;
}

p  {
 margin :  10px 0px ;
}

div.News
{
 font-size :  8pt ;
 font-family  :  Verdana, Geneva, Arial, Helvetica, sans-serif ;
 padding :  5px ;
 padding-left :  10px ;
}

.HeaderTitles
{
 font-familyXXX :  "Trebuchet MS" ;
 padding-top :  10px ;
 padding-left :  10px ;
 padding-right :  10px ;
 padding-bottom :  10px ;
 width :  100% ;
}

.HeaderTitles a:visited,
.HeaderTitles a:active,
.HeaderTitles a:link,
.HeaderTitles a:hover
{
 color :  White ;
 text-decoration  :  none ;
 font-size :  .75em ;
 font-weight :  normal ;
}


.HeaderBar a:visited,
.HeaderBar a:active,
.HeaderBar a:link
{
 color :  WhiteSmoke ;
 text-decoration :  none ;
 font-weight :  normal ;
}


.BlogStatsBar
{
 text-align : right ;
 font-weight :  normal ;
 font-size :  10pt ;
 color :  #C0C0C0 ;
 border-collapse : collapse
}

p.date img  {
 vertical-align  :  middle ;
}

p.date  {
 font-size  :  0.9em ;
 font-weight  :  bold ;
 margin-bottom  :  0px ;
 padding-top :  2px ;
 padding-right :  0px ;
 padding-bottom :  4px ;
 text-align :  right ;
}

blockquote  {
 color : #008000 ;  font-weight : bold
}

div.postTitle a:visited,
div.postTitle a:active,
div.postTitle a:link
{
 color :  #008000 ;
 text-decoration  :  none
}

div.post
{
 border : 1px solid #008000 ;  color : #008000
}

div.postTitle
{
 padding-left :  3px ;
 font-weight :  bold ;
 font-size :  10pt ;
 padding-bottom :  3px ;
 padding-top :  3px ;
 border-bottom :  1px solid #DCDCDC ;
 background-color :  #D5EAD5 ; color : #008000
}

div.postText
{
 padding-right :  10px ;
 padding-left :  3px ;
 font-size :  10pt ;
 padding-bottom :  3px ;
 padding-top :  3px ;  color : #008000
}

div.postFoot
{
 background-color :  #D5EAD5 ;
 border-top :  1px solid #DCDCDC ;
 font-size :  10pt ;
 padding-right :  3px ;
 padding-left :  3px ;
 padding-bottom :  1px ;
 padding-top :  1px ;
 text-align :  right ;  color : #008000
}

#tagline  {
 font-size  :  0.8em ;
 margin  :  0px ;
 color :  White ;
}

#leftmenu  {
 border : 1px solid #008000 ;  position  :  absolute ;
 left  :  0px ;
 width  :  180px ;
 height : auto ;
 background-color :  #D5EAD5 ;
 padding-top :  5px ;  color : #008000
}

#leftmenu h3  {
 font-size  :  0.8em ;
 margin  :  0px ;
 margin-top  :  10px ;   
 padding-bottom :  2px ;
 padding-left :  3px ;
 border-top :  solid 1px Gainsboro ;
}

#leftmenu ul  {
 list-style :  none ;
 margin  :  0px ;
 padding-left  :  5px ;
 margin-left  :  5px ;
 margin-bottom  :  10px ;
 font-size  :  8pt ;
}

#leftmenu a
{
 padding :  1px ;
 text-decoration :  none ;  color : #008000 ;  background-color : #D5EAD5
}

#leftmenu a:active,
#leftmenu a:visited,
#leftmenu a:link
{
color :  #008000 ;  background-color :  #D5EAD5 }

#leftmenu a:hover
{
 font-style : normal ;
 border-style : solid ;  border-width : 1px ;  color : #008000 ;  background-color : #D5EAD5
}

#main  {
 margin-left  :  180px ;  
 background-color  :  White ;
 padding  :  10px ;
 border-left  :  1px solid #555 ;
 border-bottom  :  4px solid Black ;
}

#footer  {
 margin  :  0px ;  
 padding-top  :  5px ;
 text-align  :  center ;
 font-size  :  9pt ;
}

input, textarea
{
 font-size :  1.0em ;
 font-family  :  Verdana ; color : #008000 
}

.CommentForm
{
 font-size  :  10pt ;
 font-family  :  Verdana ;  color : #008000
}

.Button
{
 border :  1px solid #008000 ;
 background-color :  #D5EAD5 ; color : #008000
}

 

 

body  {
font-size  :  0.9em ;
font-family  :  Verdana, Geneva, Arial, Helvetica, sans-serif ;
margin  :  0px ;
}  
a:visited,
a:active,
a:link  {  
color  :  #00F ;
text-decoration  :  none ;
}

a:hover  {
text-decoration  :  underline ;
}

h1  {  
margin  :  0px ;
font-size  :  1.5em ;
}

h1 a:visited,
h1 a:active,
h1 a:link  {
color  :  #000 ;
}

h1 a:hover  {
color  :  #47F ;
text-decoration  :  none ;
}

h2  {
margin-top  :  10px ;
font-size  :  1em ;
}

h5 
{
margin :  0px ;
padding :  0px ;
}

#top  {
padding  :  10px ;
background-color  :  #ADF ;
color  :  #000 ;
border-bottom  :  4px solid #47F ;
}

#tagline  {
font-size  :  0.8em ;
margin  :  0px ;
}

p.date img  {
vertical-align  :  middle ;
}

p.date  {
font-size  :  0.9em ;
font-weight  :  bold ;
border-bottom  :  1px solid #AAA ;  
margin-bottom  :  0px ;
padding  :  2px 0px ;
}

blockquote  {
font-style  :  italic ;
}

p.postfoot  {
font-size  :  0.75em ;
}

#leftmenu  {
position  :  absolute ;
left  :  10px ;
margin-top  :  10px ;
width  :  180px ;
}

#leftmenu h3,
#rightmenu h3  {
font-size  :  0.9em ;
margin  :  0px ;
padding  :  4px ;
border-bottom  :  none ;  
}

#leftmenu ul,
#rightmenu ul  {
list-style  :  none ;
margin  :  0px ;
padding  :  0px ;
margin-left  :  5px ;
margin-bottom  :  10px ;
font-size  :  0.8em ;
}

#rightmenu  {
width  :  180px ;
position  :  absolute ;
right  :  0px ;
margin-top  :  10px ;
}

#main  {
margin  :  0px 200px 0px 200px ;
background-color  :  #EEE ;
padding  :  10px ;
border-left  :  1px solid #555 ;
border-right  :  1px solid #555 ;
border-bottom  :  4px solid #47F ;
}

#footer  {
margin  :  0px ;  
padding-top  :  5px ;
text-align  :  center ;
font-size  :  0.7em ;
}

input.text  {
width  :  300px ;  
}

textarea  {
width  :  300px ;
height  :  200px ;
}

#comments h4 span  {
color  :  #999 ;
}

#comments h4  {
margin  :  0px ;
font-size  :  0.9em ;
}

p  {
margin  :  10px 0px ;
}

h3  {
font-size  :  1.2em ;
border-bottom  :  1px solid #AAA ;
}

#relatedlinks ul  {
list-style  :  none ;
margin-left  :  10px ;
padding  :  0px ;
}

span.highlight
{
background-color : Yellow ;  
}

 

body  {
font-size  :  9pt ;
font-family  :  宋体,Verdana, Geneva, Arial, Helvetica, sans-serif ;
margin  :  0px ;
}
A:link  {
COLOR :  #3F68A6 ;  TEXT-DECORATION :  none
}
A:active  {
COLOR :  #3F68A6 ;  FONT-STYLE :  normal ;  TEXT-DECORATION :  none
}
A:visited  {
COLOR :  #3F68A6 ;  TEXT-DECORATION :  none
}
A:hover  {
COLOR :  #A7672E ; TEXT-DECORATION :  underline
}
#leftmenu ul  {
list-style  :  none ;
margin  :  0px ;  
padding  :  0px ;
margin-left  :  5px ;
margin-bottom  :  10px ;
}
#top  {
background-image :  url(http://dotnet.mblogger.cn/images/dotnet.mblogger.cn/qiuji/45/o_qiuji_top.jpg) ;
background-repeat :  repeat ;
padding-top :  15px ;
background-color  :  #088 ;
color  :  #000 ;
border-bottom  :  1px solid #FFF ;
height  :  70px ; vertical-align  :  middle ;
}
div.post {
background-image :  url(http://dotnet.mblogger.cn/images/dotnet.mblogger.cn/qiuji/45/o_o_bj.jpg) ;
background-repeat :  repeat-x ;
padding-right :  20px ;
padding-left :  20px ;
font-size :  9pt ;
padding-bottom :  5px ;
padding-top :  5px ;
line-height : 150% ;
}
#leftmenu  {
position  :  absolute ;
left  :  0px ;
width  :  180px ;  
background-image :  url(http://dotnet.mblogger.cn/images/dotnet.mblogger.cn/qiuji/45/o_zuo_bj.jpg) ;
padding-bottom  :  5px ;
line-height : 150% ;
}
#comments h4  {
vertical-align  :  middle ;
margin  :  0px ;
font-size  :  1.2em ;
background-color  :  #F1F7FA ;
height : 25px ;
color : #006699 ;
}
p.date  {
height  :  25px ;
font-size  :  12pt ;
margin-bottom  :  0px ;
padding  :  2px 0px ;
color : #FFF ;
background-color  :  #45A ;
background-image :  url(http://dotnet.mblogger.cn/images/dotnet.mblogger.cn/qiuji/45/o_bg0001.jpg) ;
}
p.date span  {
padding-left  :  10px ;
padding-right  :  10px ;
text-align : right ;
background-image :  url(http://dotnet.mblogger.cn/images/dotnet.mblogger.cn/qiuji/45/o_bg0001.jpg) ;
}
#tagline  {  
color  :  #000 ;
font-size  :  1em ;
margin  :  0px ;
background-image :  url(http://dotnet.mblogger.cn/images/dotnet.mblogger.cn/qiuji/45/o_bihai3.gif) ;
padding  :  5px ; font-weight  :  bold ;
background-color  :  #B2DEFF ;
}

#leftmenu a:active,
#leftmenu a:visited,
#leftmenu a:link  {  
border  :  0px solid #C00 ;  
margin-right  :  5px ;
padding  :  2px ;
COLOR :  #3F68A6 ;
TEXT-DECORATION :  none
}
#leftmenu a:hover  {
COLOR :  #A7672E ;
border  :  0px solid #C00 ;
background-color  :  transparent ;
TEXT-DECORATION :  underline
}

 

 

body {
margin : 0px ;
background :  #fff url("") repeat-x ;
font-family : ms shell dlg ; }

#classnavbar  {
    display :  none ;
}

#nadframe  {
    display : none ;
}

h1  { margin : 0px ;
background : url("") no-repeat ;
height : 23px ; padding-right : 35px ;
font-family :  ms shell dlg ;
font-size : 24px ; font-weight : bold ;
border-bottom : 1px dotted #111 ;

}
h1 a:link,h1 a:active,h1 a:hover { color : #444 }     
#Header1_HeaderTitle { color : #339900 ; float : left ; padding : 0px 0px 10px 50px ; text-align : left ; width : 100% }
#main  {
    width :  74% ;
    position :  absolute ;
    margin-top :  0px ;
    border-right :  1px dotted #000000 ;
    padding-top :  20px ;
    margin-bottom :  10px ;
    padding-bottom :  40px ;
 background : #fff ;
}

#rightmenu  {
    float :  right ;
    margin-left :  76% ;
    margin-top :  10px ;
    padding-left :  0px ;
    background-color :  transparent ;
    position :  absolute ;
    word-wrap : break-word ;
    font-size :  10pt ;
}

#footer  {
    clear :  both ;
    width :  100% ;
    border-top :  none ;
    font-size :  8pt ;
    padding-top :  5px ;
    text-align :  center ;
    position :  relative ;
    visibility :  hidden ;
}

a:visited,
a:active,
a:link  {
    color :  #80CE00 ;
    text-decoration :  none ;
}

a:hover  {
    color :  #000 ;
    text-decoration  :  underline ;
     }

blockquote  {
    background :  #F9F9F9 ;
    border :  1px solid #F4F4F4 ;
    color :  #5B5B5B ;
    font-size :  10pt ;
    font-style :  normal ;
    line-height :  150% ;
    padding :  0px 11px 0px 11px ;
}

 

h1 a:visited,
h1 a:active,
h1 a:link  {

}

h1 a:hover  {

}

.post  {
    padding-left :  40px ;
    padding-right :  0px ;
    font-size :  14px ;
    line-height : 200%
}
h5 { font-size : 14px ; font-family : bold }
.postTitle  {
    border-bottom :  1px dotted #D6D6D6 ;
    color :  #000000 ;
    font-size :  14px ;
    font-weight :  bold ;
 margin : 0px 30px 0px 30px ;
}

.postText  {
    font-size :  14px ;
    line-height : 180%
 text-align:right ;
 margin : 0px 30px 0px 30px ;
}

h3  {
    font-size :  14px ;
    border-bottom :  1px dotted #D6D6D6 ;
    color :  #000000 ;
    background-color :  transparent ;
}

.listitem  { width : 180px ;
    border-bottom :  1px dotted #E4E4E4 ;
    padding-bottom :  3px ;
    padding-top :  3px ;
}

input,
label  {
    color :  Gray ;
    font-family :  Verdana ;
    font-size :  10pt ;
}

input.text  {
    width :  381px ;
}

li  {
    font-size :  10pt ;
    font-style :  normal ;
}
h2 { padding :  0px 0px 0px 20px ; margin : 0 }
.dateTitle  {
    color :  #ccc ;
    font-size :  14px ;
    font-weight :  bold ;
    padding :  0px 0px 0px 20px ;
 margin : 0px 0px 0px 40px ;
    height : 26px ;
 border-bottom : 1px dotted #ccc ;
}

p.date img  {
    vertical-align :  middle ;
}

.postFoot  {
    border-bottom :  1px dotted #D6D6D6 ;
    color :  #D3D3D3 ;
    text-align :  right ;
    font-size :  9pt ;
 margin : 0px 30px 0px 30px ;
}

span.highlight  {
    background-color :  transparent ;
}

td  {
    font-size :  10pt ;
}

textarea  {
    color :  #000000 ;
    font-size :  10pt ;
    height :  200px ;
    width :  300px ;
}

#MyLinks1_XMLLink  {
    visibility :  hidden ;
    display :  none ;
}

#MyLinks1_Syndication  {
    visibility :  hidden ;
    display :  none ;
}

.CommentForm  {
    border-top :  1px solid #D6D6D6 ;
    padding-top :  20px ;
    color :  #A9A9A9 ;
    padding-left :  70px ;
    padding-right :  40px ;
 margin : 0px 30px 0px 30px ;
     }

#comments  {
    color :  #888 ;
    padding-left :  70px ;
    padding-right :  40px ;
    font-size :  10pt ;
}

#relatedlinks ul  {
    list-style :  none ;
    margin-left :  10px ;
    padding :  0px ;
}

#rightmenu h3  {
 width : 100px ;
    background-color :  transparent ;
    border :  none ;
    border-bottom :  1px dotted #D6D6D6 ;
    color :  #111 ;
    font-size :  12px ;
    margin :  10px 20px 0px 0px ;
    padding :  2px 5px ;
}

#rightmenu ul  {
    border :  none ;
    list-style :  none ;
    margin :  0px ;
    padding :  5px ;
    font-size :  9pt ;
    line-height : 150% ;
}

#rightmenu li  {
    font-size :  9pt ;
}

#tagline  {
    color : #444 ;
    font-size :  12px ;
    position  :  absolute ;
    top  :  30px ;
    left  :  250px ;
    margin  :  0px ;
    margin-right  :  0px ;
    font-family : ms shell dlg ;
}

.block_title { font-size : 14px ; font-weight : bold }
.code { float : left ; width : 90% ; padding : 10px ; border : 1px dotted #d9d9d9 ; background : #f4f4f4 ; }
.postFoot { clear : both ; padding-top : 6px }
br { clear : both ; }

i  {
    font-style :  normal ;
    color :  Green ;
}

 

对比这5份CSS，你应该可以自己总结出一些东西了吧。。。。看下面的转贴：

/*我个人觉得Tahoma字体很好看*/
body, table, p, h1, h2, h3, h4  {...} {
 font-family:Tahoma, inherit;
}
/*隐藏“特别推荐”*/
#csdn_zhaig_ad_yahoo  {...} {
  display:none;
}
/*设置 blog 标题的字体*/
a.headermaintitle  {...} {
  font-size: x-large;
  font-family:Tahoma, inhertit;
}
/*增大标题栏的高度和边距*/
#top td  {...} {
  padding-left:25px;
  height:80px;
}
/*增大左边导航栏的边距*/
#leftmenu  {...} {
  padding:10px;
}
/*文章标题上面的 TAG 栏，字体颜色变浅一些*/
div.Tag  {...} {
  color:#666;
}
/*增大文章标题的字体*/
div.postTitle  {...} {
  font-size:20pt;
  font-family:Tahoma, inhertit;
  font-weight:bold;
}
/*去掉文章周围的边框*/
div.post  {...} {
  border:none;
}
/*去掉标题左边的“原”、“转”图片。那个太难看了。*/
div.postTitle img  {...} {
  display:none;
}
/*文章正文周围留些空隙，加上点边框和背景色*/
div.postText  {...} {
  padding:10px;
  margin: 0 5px 5px 5px ;
  background-color:#f4f4f4;
  border: 1px dotted #ddd;
}
/*修改正文底下 Trackback 那一行字的颜色*/
#TBPingURL  {...} {
  color:#ccc;
}