Optimisation CSS Référencement

Modifier la couleur:

Style du site en bleu

Style du site en orange

Style du site en mauve

Style du site en noir

Style du site en rouge

Style du site en vert

Optimisation / CSS / Jumeler code répétitif

Jumeler les codes CSS répétitif

Dans le codage css on peut utiliser les même définition pour plusieurs éléments sans avoir besoin de faire de répétition.

Exemple de code répétitif inutile:
/* fichier css */

a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#9966CC;
text-decoration:none;
}

a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#9966CC;
text-decoration:none;
}

a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#9966CC;
text-decoration:none;
}

Voici le même résultat de code optimiser:
/* css simplifier */
a:link, a:hover, a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#9966CC;
text-decoration:none;
}

En séparant les balises et les classe par des virgules, ont peut affecter plusieurs éléments différents aux même valeurs de style.  Ceci est pratique parce que cela permet de réduire la taille de la feuille de style et de simplifier la mise à jour de la feuille de style.

Articles écrit le 2008-03-16