règles de style pour les principales portions de texte
Insérer les règles de style localement est à éviter quand il s'agit de traiter de nombreuses portions de texte identiques, par exemple les titres, les liens. On écrit donc les règles dans la partie en-tête du fichier HTML ou mieux dans un fichier séparé. Analyser par exemple la page suivante : [styles|../formation/styles.css]. Ci-dessous les principales :
balises h
h1 , h2 , h3 , h4 , h5 , h6
{
text-transform : uppercase;
letter-spacing : 0.2em;
margin : 2px;
padding : 0;
color : #440000;
background-color : transparent;
}
h1 { font-size: 2.4em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; font-style: italic; }
balises p, li, table
p, li, table { font-size: 1.0em; color: #440000; }
balises a
a { color: #ff0000; text-decoration: none; }
a.pending { color: #888888; }
a.url { color: #ff0000; }
a:hover { color: #ff0000; background-color: #888888;}