Optimisation CSS Ergonomie Référencement php HTML SQL
  PHPascal a 78 articles


Recherche

Modifier la couleur:

• Bleu
• Orange
• Mauve
• Noir
• Rouge
• 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.

Article écrit le 16 mars 2008
Article modifié le 16 mars 2008

Autres articles sous la même catégorie

• Optimiser la traille de vos CSS avec des raccourcis
• Enlever les code CSS inutiles pour optimisé vos feuilles de style