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;}