[转载]css常用写法 手册

body { margin: 0px; border: 0px; padding: 0px; background-color: #B9C4CF; font-size: small; font-family: Verdana, Helvetica, sans-serif; }
img 
{ border: 0px; }
#wrapwebsite 
{ margin: 12px 12px 12px 12px; padding: 2px 2px 2px 2px; border: solid 1px #999D9C; background-color: #f9f8f3; }
#wrapheader 
{ width: 100%; height: 80px; background-color: #CAB693; margin: 5px 0px 0px 0px; }
#logodesc 
{ margin: -5px 5px 12px 5px;  }
.logobox 
{ float:left; margin: 5px 0px 0px 0px; }
.sitetitle 
{  margin: 0px 0px 0px 70px; font-family: Verdana Bold, Helvetica, sans-serif; 
    font-size
: 20px; font-weight: bold; color:#005784; }
.topnav 
{   margin: 5px 0px 7px 0px; padding: 5px 0px 0px 0px; text-align:right; color: #005784; font-size: 11px; font-weight: bold; }
#wrapcenter 
{ margin: 12px 5px 0px 16px; }
.leftside 
{ position: absolute; left:16px; top:107px;  width:160px;  }
.center-nomargins 
{ margin: 10px 0px 0px 0px; voice-family: "\"}\""; voice-family: inherit; margin: 10px 0px 0px 0px;}
html>body .center-nomargins 
{ margin: 10px 0px 0px 0px; }
.center-rightandleftmargins 
{  margin: 10px 168px 0px 165px; voice-family: "\"}\""; voice-family: inherit;
            margin: 10px 165px 0px 165px;}
html>body .center-rightandleftmargins 
{ margin: 10px 168px 0px 165px; }
.center-rightmargin 
{  margin: 10px 165px 0px 0px; voice-family: "\"}\""; voice-family: inherit;
            margin: 10px 165px 0px 0px;}
html>body .center-rightmargin 
{ margin: 10px 165px 0px 0px; }
.center-leftmargin 
{  margin: 10px 0px 0px 165px; voice-family: "\"}\""; voice-family: inherit;
            margin: 10px 0px 0px 165px;}
html>body .center-leftmargin 
{ margin: 10px 0px 0px 165px; }
.rightside 
{ position: absolute; right:16px; top:107px;  width:160px;  }
#wrapfooter 
{ position: relative; width: 95%; left: 2.5%; text-align: center; }
#breadcrumb 
{ padding: 4px 4px 4px 4px; background-color: #EEEDE9; border: solid 1px #CAB693; }
#pageedit 
{ padding: 4px 4px 4px 4px; height: 16px; }
.aspbutton 
{ font-weight:bold; }
.aspcheckboxlist 
{ }
.aspdatalist 
{ font-size:small;  }
.aspdatagrid 
{ font-size: small;}
.aspdatagriditem 
{}
.aspdatagridaltitem 
{ background-color:#ECECEC; }
.aspdatagridheader 
{ background-color: #D4D0C8; }
.aspdatagridfooter 
{}
.asplinkbutton 
{ font-size: small; }
fieldset 
{ margin: 0px 0px 0px 0px; padding: 1em; border: 1px solid #CAB693; background: #EEEDE9;}
legend 
{ font-size:larger; font-weight: bold; color:#CC0000;}
.settinglabel 
{float:left; clear:left; width:20em; font-weight: bold; background-color: #DFDDD7; padding: 1px; font-size:smaller; }
.settingrow 
{ padding: 4px 0px 4px 0px; }
.modulebuttonrow 
{clear: left; background-color: #EEEDE9; text-align:center;  }
.div2columnleft 
{ float: left; width: 350px;  padding: 1px;  }
.div2columnright 
{ margin: 0px 0px 0px 355px;  padding: 1px;   }
.collapsiblepanel 
{ border-style:dashed; border-width:thin; }
.divgalleryimage 
{  }
.divgalleryimagemeta 
{   }
.SiteTitle 
{ font-family: Verdana Bold, Helvetica, sans-serif; font-size: 110%; font-weight: bold; color:#005784; }
a.SiteTitle:link 
{ text-decoration: none; color:#005784; }
a.SiteTitle:visited 
{ text-decoration: none; color:#005784; }
a.SiteTitle:hover 
{ text-decoration: underline; color:#005784; }
a.SiteTitle:active 
{ text-decoration: none; color:#005784; }
.WelcomeMessage 
{ color: #005784; font-size: 100%; font-weight: bold; }
.sitelink 
{ font-size: 100%; font-weight: bold; }
a.sitelink:link 
{ color: #005784; text-decoration: none; }
a.sitelink:visited 
{ color: #005784; text-decoration: none; }
a.sitelink:hover 
{ color: #D46400; text-decoration: underline; }
a.sitelink:active 
{ color: #005784; text-decoration: none; }
.accent 
{ color: #005784; font-size: 11px; font-weight: bold; }
h1 
{ margin: 0px;  font-size: 105%;  }
h2 
{ margin: 0px;  font-size: 100%;  }
h3 
{ margin: 0px; font-size: 95% ; }
h4 
{ margin: 0px; font-size: 90%;  }
.txtsmall 
{ font-size: 80%; font-weight: normal; }
.txtmed 
{ font-weight: normal; }
.txtnormal 
{   font-weight: normal; }
.txtsmallbold 
{ font-size: 80%;  font-weight: bold; }
.txtmedbold 
{font-size: 100%;  font-weight: bold; }
.txtnormalbold 
{font-size: 100%;  font-weight: bold; }
.txtsmallitalic 
{ font-size: 80%; font-weight: normal; font-style: italic; }
.txtmeditalic 
{ font-size: 100%;  font-weight: normal; font-style: italic; }
.txtnormalitalic 
{font-size: 100%;  font-weight: normal; font-style: italic; }
.txtsmallbolditalic 
{ font-size: 80%;  font-weight: bold; font-style: italic; }
.txtmedbolditalic 
{font-size: 100%;  font-weight: bold; font-style: italic; }
.txtnormalbolditalic 
{font-size: 100%; font-weight: bold; font-style: italic; }
.txtcopyright 
{ font-size: 80%;  font-weight: normal; color: #444; }
.txterror 
{font-size: 100%;  font-weight: bold; color: red }
.watermarktextbox 
{ color:Gray; }
 div.moduletitle, span.moduletitle, tr.moduletitle, h1.moduletitle 
 
{ padding: 4px 0px 0px 5px; height: 23px; color: #eeebe5; font-size:120%;  font-weight: bold; background-color: #aca38b;  }
.modulesubtitle 
{ padding: 4px 0px 0px 5px; height: 23px; color: white; font-size:small;  font-weight: bold; 
   background-image
: url(cellpic1.gif); vertical-align: bottom; background-color: #C7D0D7; }
  .hrModuleTitle 
{ display:none;}
 a.modulesubtitle 
{ padding: 4px 0px 0px 5px;  color: #005784;  font-weight: bold;  }
.modulecontent 
{ background-color: #EEEDE9; border: solid thin #CAB693; vertical-align:top; font-size:medium; padding: 4px 4px 4px 4px;  }
.modulefooter 
{ padding: 4px 0px 0px 5px; font-size:smaller; background-color: #c5c3be; 
    text-align
:center; color:#336666; height: 22px;   }
.filesfooter 
{ background-color: #00688E; text-align:left; white-space:nowrap; color:White; }
a.ModuleEditLink 
{ font-size:smaller; color: #eeebe5; }
a.ModuleEditLink:link 
{ font-size:smaller; color: #eeebe5; }
a.ModuleEditLink:visited 
{ font-size:smaller; color: #eeebe5; }
a.ModuleEditLink:hover 
{ font-size:smaller; color: #eeebe5; }
a.ModuleEditLink:active 
{  font-size:smaller; color: #eeebe5; }
.modulepager 
{ margin: 5px 0px 5px 0px; font-weight: bold;  color:#CC0000; }
a.ModulePager:link 
{  color:#CC0000; }
a.ModulePager:visited 
{  color:#CC0000; }
a.ModulePager:hover 
{  color:#CC0000; }
a.ModulePager:active 
{  color:#CC0000; }
.selectedpage
{  font-size: 80%; font-weight: bold; line-height: 12px; color:Black; }
a.SelectedPage:link 
{ text-decoration: none; color:Black; }
a.SelectedPage:visited 
{ text-decoration: none; color:Black; }
a.SelectedPage:hover 
{ text-decoration: underline; color:Black; }
a.SelectedPage:active 
{ text-decoration: none; color:Black; }
a:link 
{ color: #CC0000; text-decoration: none; }
a:visited 
{ color: #CC0000; text-decoration: none; }
a:hover 
{ color: #FF0000; text-decoration: underline; }
a:active 
{ color: #CC0000; text-decoration: none; }
legend a.ModuleEditLink 
{ font-size:smaller; color: #CC0000; }
legend a.ModuleEditLink:link 
{ font-size:smaller; color: #CC0000; }
legend a.ModuleEditLink:visited 
{ font-size:smaller; color: #CC0000; }
legend a.ModuleEditLink:hover 
{ font-size:smaller; color: #CC0000; }
legend a.ModuleEditLink:active 
{  font-size:smaller; color: #CC0000; }
.tdcell1 
{ background-color: #EEEDE9; padding: 4px; }
.tdcell2 
{ background-color: #DFDDD7; padding: 4px; }
hr 
{ height: 1px; border-width: 0px; background-color: #D1D7DC; color: #D1D7DC; }
.linkitem 
{background-color: #EEEDE9;  padding: 4px 0px 4px 0px;}
.linkaltitem 
{background-color: #DFDDD7;  padding: 4px 0px 4px 0px; }
.linkdescription 
{font-size: 100%;  font-weight: normal; font-style: italic; }
.linkitem a 
{ padding: 0px 0px 0px 4px;}
.modulerow
{ background-color:White; }
.modulealtrow 
{ background-color: #DFDDD7;}
ul 
{ font-size:80%;}
ul.linkitem 
{ list-style: none; margin: 0px 0px 0px 0px; }
ul.AspNet-Menu 
{ position: relative; }
ul.AspNet-Menu, 
ul.AspNet-Menu ul 
{ margin: 0; padding: 0; display: block; }
ul.AspNet-Menu li 
{ position: relative; list-style: none; }
ul.AspNet-Menu li a,
ul.AspNet-Menu li span 
{ display: block; text-decoration: none; }
ul.AspNet-Menu ul 
{ position: absolute; display: none; }
/* Add more rules here if your menus have more than three (11) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li:hover ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul ul ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul ul ul ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul ul ul ul ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul ul ul ul ul ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul ul ul ul ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul ul ul ul ul ul
{ display: none; }
/* Add more rules here if your menus have more than three (11) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li li li li:hover ul,
ul.AspNet-Menu li li li li li:hover ul,
ul.AspNet-Menu li li li li li li:hover ul,
ul.AspNet-Menu li li li li li li li:hover ul,
ul.AspNet-Menu li li li li li li li li:hover ul,
ul.AspNet-Menu li li li li li li li li li:hover ul,
ul.AspNet-Menu li li li li li li li li li li:hover ul,
ul.AspNet-Menu li li li li li li li li li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li li li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li li li li li li li.AspNet-Menu-Hover ul    
{ display: block; }
.AspNet-Menu-Vertical 
{ position:relative; left: 0px; z-index: 300; }
 ul.AspNet-Menu, 
 ul.AspNet-Menu ul 
{ width: 145px; font-weight: bold; font-size: small;  }
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
 ul.AspNet-Menu ul 
{ left: 145px; top: 3px; }
/* Use this rule create the common appearance of each menu item. */
 ul.AspNet-Menu li 
{ background: #DCE1E5; }
/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
 ul.AspNet-Menu li a 
{ padding: 2px 2px 2px 4px; border:1px solid #A9B8C2; border-bottom: 0;}
 ul.AspNet-Menu li a img 
{ border-style: none; vertical-align: middle; }
 
 li.AspNet-Menu-Leaf  ,
li.AspNet-Menu-SelectedLeaf 
{ background-image: none; }

li.AspNet-Menu-WithChildren > a
{background-color: #DCE1E5 ; background-image: url('arrowRight.gif'); 
    background-repeat
:no-repeat; background-position:right; }
    
li.AspNet-Menu-SelectedWithChildren > a,
li.AspNet-Menu-WithChildren > a:hover
{background-color: #ECECEC ; background-image: url('arrowRight.gif'); 
    background-repeat
:no-repeat; background-position:right; }

li.AspNet-Menu-ChildSelected > a
{background-color: #ECECEC ; background-image: url('arrowRight.gif'); 
    background-repeat
:no-repeat; background-position:right; }

a.AspNet-Menu-SelectedLeaf 
{ background-color: #ECECEC ; }
a.AspNet-Menu-Leaf 
{ background-color: #DCE1E5 ; }
 
 ul.AspNet-Menu li:hover, 
 ul.AspNet-Menu li.AspNet-Menu-Hover 
{ background:#e6efdb; }

  div.sitemap ul ,
div.sitemap ul li 
{ font-size:100%; list-style: none; }
.skiplink 
{display:none}

.site-statistics 
{ border-bottom: solid thin #cccccc; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; }
ul.userstats 
{ list-style-type:none;  margin: 0px 0px 0px -40px; font-size:90%;  }
ul.userstats ul 
{ margin: 0; padding: 0; display: block; }
ul.userstats li 
{ position: relative; list-style: none; font-size:100%;  }

#area_body a 
{
    font-size
: 16px;
    color
: #000000;
    
}
#area_body a:link 
{
    text-decoration
:underline;
    color
: #000000;
}
#area_body a:visited 
{
    text-decoration
: underline;
    color
: #110011;
}
#area_body a:hover 
{
    text-decoration
:none;
    color
: #222211;
}
#area_body a:active 
{
    text-decoration
: underline;
    color
: #110000;
}

posted @ 2007-05-06 19:53 jecray 阅读(251) 评论(0) 编辑 收藏