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 / Code css raccourci

Raccourci CSS pour réduire la taille de vos CSS

Voici différents raccourci CSS a utilisé pour réduire de façon significative la taille de vos page CSS :

Définition de padding ou margin :

Version longue :
padding-bottom:2px;
padding-left:4px;
padding-right:5px;
padding-top:10px;

Version raccourci :
padding:10px 5px 2px 4px;

Définition du texte :

Version longue :
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
line-height:14px;

Version raccourci :
font:10px/14px bold Arial, Helvetica, sans-serif;

Bordure

Version longue:
border-style:solid;
border-color:#0099CC;
border-width:2px;

Version raccourci :
border:2px solid #0099CC;

Background

version longue :
background-color:green;
background-image:url(../images/background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:10px 20px;

version raccourci :
background: green url(../images/background.gif) no-repeat fixed 10px 20px;
(trouver sur Zone CSS)


En espérant que ces quelques raccourci puisse vous faire économiser sur la taille de vos CSS.

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

Autres articles sous la même catégorie

• Enlever les code CSS inutiles pour optimisé vos feuilles de style
• Enlever les codes CSS répétitif - optimisation css - améliorer le codage css