Raccourcis d'écriture CSS
Par Cathy Chaudy, lundi 18 juin 2007 à 17:37 :: Css :: #12 :: rss
Voici quelques raccourcis d'écriture bien utiles pour réduire la taille des fichiers CSS
Dimensions des bordures, marges, padding :
propriété:10px (tous les côtés)
propriété:10px 20px (10px haut et bas, 20px droite et gauche)
propriété:10px 5px 6px (10px haut, 5px droite et gauche, 6px bas)
propriété:10px 0* 20px 10px ( dans l'ordre : haut, droit, bas, gauche)
Bordures : border:width style color;
ex : border:1px solid #000; **
Background: color image repeat attachment position;**
ex : background:#f00 url(background.gif) no-repeat fixed 0 0;
Les valeurs non déclarées prendront les valeurs par défaut (color: transparent, image: none, repeat: repeat, attachement: scroll, position: top left)
Listes : list-style:square inside url(image.gif);
Couleurs : abréger les codes de couleur
#000000 peut s'écrire #000;
#336699 peut s'écrire #369;
Police : font:font-style font-variant font-weight font-size line-height font-family;
ex : font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;
il est obligatoire de spécifier font-size et font-family. Non renseignés, les propriétés font-weight, font-style, ou font-variant, prendront la valeur normal.
*Il est inutile de préciser l'unité de mesure à une valeur nulle.
** L'ordre de valeurs n'est pas supposé poser problème mais il est préférable de respecter les spécifications du W3C

Commentaires
1. Le mercredi 11 janvier 2012 à 03:49, par cheap designer handbags
2. Le mercredi 11 janvier 2012 à 03:50, par cheap designer handbags
Ajouter un commentaire