Base of CSS

From Sandoz

(Difference between revisions)
Jump to: navigation, search
(Created page with " /* Page */ html { font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ } body { margin: 0; padding: 1em; - Remettre à zéro si nécessaire.: /* Pensez à uti...")
m (Protected "Base of CSS" ([edit=autoconfirmed] (indefinite) [move=autoconfirmed] (indefinite)))
 

Latest revision as of 02:44, 27 January 2011


/* Page */ html {

   font-size: 100%; /* Évite un bug d'IE 6-7. (1) */

} body {

   margin: 0;
   padding: 1em; /* Remettre à zéro si nécessaire. */
   /* Pensez à utiliser une collection de polices (2), par ex:
   font-family: Arial, Helvetica, FreeSans, sans-serif; */
   font-size: .8em; /* À adapter pour la police choisie. (3) */
   line-height: 1.4; /* À adapter au design. (4) */
   color: black;
   background: white;

}


/* Titres */ h1, h2, h3, h4, h5, h6 {

   margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
   line-height: 1.2;
   font-weight: bold; /* Valeur par défaut. (6) */
   font-style: normal;

} h1 {

   font-size: 1.75em;

} h2 {

   font-size: 1.5em;

} h3 {

   font-size: 1.25em;

} h4 {

   font-size: 1em;

}


/* Listes */ ul, ol {

   margin: .75em 0 .75em 32px;
   padding: 0;

}


/* Paragraphes */ p {

   margin: .75em 0; /* Marges plus faibles que par défaut. (7) */

} address {

   margin: .75em 0;
   font-style: normal;

}


/* Liens */ a {

   text-decoration: underline;

} a:link {

   color: mediumblue;

} a:visited {

   color: indigo;

} a:hover, a:focus, a:active {

   color: crimson;

} a img {

   border: none;

}


/* Divers éléments de type en-ligne (8) */ em {

   font-style: italic;

} strong {

   font-weight: bold;

}


/* Formulaires */ form, fieldset {

   margin: 0;
   padding: 0;
   border: none;

} input, button, select {

   vertical-align: middle; /* Solution pb. d'alignement. (9) */

}

Personal tools