CSS css起动器

Posted 2021-05-23

/* ------  Style Sheet ---last edited 12-12-06 -----------------------------------------*/

/*
  below is a guide for beginning your style sheet - not all may be 
  required - the idea is to "normalize" or override different browsers 
  default styles thereby gaining more control
*/

/*
  body is used to provide basic page styles meant to be inherited
  by nearly all of the page’s children: font-face, size, alignment,
  etc. Some use the html selector, but I have never done that so
  it’s not listed.
*/
body {
  /*using 62.5 allows you to assign 1.1em as a font size and it will be on most browsers the same as 11px */
   font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  /*You do not have to use above method but the idea is to reduce the size of the default browsers  - maybe use 76% */  
 }

/* 
  Zero down margin and padding on all elements - before we were using 
  the universal selector for this but that may cause unwanted issues
*/
body, div, dl, dt, dd, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, testarea, p, blockquote, th, td {
   margin: 0;
   padding: 0;
}

/* Normalizes font-size for headers - important one to use */
h1, h2, h3, h4, h5, h6 {
   font-size: 100%
}

/* removes list-style from lists */
ol, ul {
   list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse: collapse;
   border-spacing: 0;
} 
a:link, a:visited {
   color: #666;
   text-decoration: underline;
}
a:hover, a:active, a:hover {
   text-decoration: none;
}

/*
  Focus/active should be different than hover is some regards, such
  as providing a background color to make it highly visible to
  keyboard users. Thus, certain focal styles may be redefined.
*/

a:focus, a:active {
}

img {
   border:none
}
        
/* use this to clear floats in FF */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/*
  The wrapper div can be used to contain the page itself. It can
  also redefine some characteristics inherited from the body. It
  is high on this page as it’ll contain everything else used.
*/
#wrapper {
   width: 720px; 
   margin: 0 auto; 
   text-align: left; 
   background-color: #fff;
   border-left: 2px solid #666;
   border-right: 2px solid #666;
   border-bottom: 2px solid #666;
}


/*
  After Normalizing is done define and comment layout below - you 
  can use a trick of putting "=" in front of the section to use 
  "find" easier
*/


/* ------- =side column -----------------------------------------*/



/* ------- =content -----------------------------------------*/