Quatre & Trois

Web, logiciels, langue française et divers.

vendredi, 13 avril, 2007, 04:00

Optimisations CSS suite

Certaines propriétés CSS peuvent être raccourcies :
font:times,serif italic small-caps 130% 700

Même chose que :

font-family:times,serif;
font-style:italic;
font-variant:small-caps;
font-size:130%;
font-weight:700

Les couleurs peuvent être indiquées de plusieurs façons : la notation hexadécimale (sur trois ou six caractères); la notation RVB et l’utilisation de mot clés.

La notation hexadécimale sur trois caractères peut être utilisée lorsque la couleur hexadécimale comprend trois paires de caractères :
color:#960

Même chose que :
color:#996600

Même si la notation en utilisant des mots clés comme color:red peut être la plus courte, je ne la recommande pas car elle est moins bien supportée par les anciens navigateurs.

La propriété font-weight peut être utilisée avec des valeurs numériques :

p{font-weight:400}
a{font-weight:700}

Même chose que :

p{font-weight:normal}
a{font-weight:bold}

Pour optimiser les feuilles de style CSS de façon automatique, je recommande CSSTidy.