PHPAscal
Accueil Programmation web Optimisation Liens Fonctionnement du site À propos de l'auteur Plan du site
Optimisation CSS Ergonomie Référencement php HTML SQL
  PHPascal a 78 articles


Recherche



Modifier la couleur:



Valid XHTML 1.0 Transitional

CSS Valide !

Optimisation / CSS / Enlever code inutile

Enlever les code CSS inutile

En comprend un tout petit peu les base des feuille de style en cascade (CSS) il est possible d'avoir plusieurs style de texte définit dans un tout petit fichier CSS.

Par exemple si votre site est en police Arial, il suffit de mettre cette police dans la balide <body> et vous n'avez plus a le spécifier par la suite.

Exemple de mauvaise programmation CSS :
h1 { font-family: Arial, Helvetica, Sans Serif;  font-size: 30px;}
h2 { font-family: Arial, Helvetica, Sans Serif;  font-size: 24px;}
h3 { font-family: Arial, Helvetica, Sans Serif;  font-size: 20px;}
h4 { font-family: Arial, Helvetica, Sans Serif;  font-size: 18px;}
h5 { font-family: Arial, Helvetica, Sans Serif;  font-size: 16px;}
h6 { font-family: Arial, Helvetica, Sans Serif;  font-size: 14px;}


Exemple de bonne utilisation de CSS :
body {   font-family: Arial, Helvetica, Sans Serif;  }
h1 { font-size: 30px;}
h2 { font-size: 24px;}
h3 { font-size: 20px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}


L'optimisation de centraliser les information identique dans un CSS permet 2 grands avantage :
  1. Fichier CSS plus petit en taille
  2. Style du site plus rapide a modifier avec les styles différents mis a un seul endroit

Article écrit le 28 décembre 2008
Article modifié le 28 décembre 2008



Autres articles sous la même catégorie


ADMIN | © PHPascal.com 2009
Temps d'exécution : 0.0057 sec
Fait au Québec