PHPascal.com

PHPAscal rouge2 (Version bleu)


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


Recherche


cheap nike nfl jerseysWholesale cheap nfl jerseyscheap jerseys online from chinacheap nfl jerseys free shippingwholesale nba jerseysWholesale cheap nhl jerseyscheap nhl jerseys onlinecheap nba basketball jerseys

Valid HTML 5

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


Pascal Dubreuil | © PHPascal.com 2017
Temps d'exécution : 0.0133 sec
Imprimer le 16 December 2017 - 21:03:14
par Pascal Dubreuil organisateur du Marathon de Laval