Une ou plusieurs feuilles de styles CSS ?

Le 28 février 2008 | Web | 0 commentaire

Au moment de l’intégration d’un webdesign, il est important d’avoir une charte de nommage et de fonctionnement cadrée dès le départ. Sinon la reprise, plus tard, de ce découpage sera plus dur. Il va de même pour la ou les fichiers CSS. Il est tout à fait possible d’avoir plusieurs feuille de styles rattachées à une page Internet (peut importe la techno d’ailleurs), mais est-ce vraiment utile ?

Dans une seule CSS, vous allez avoir la redéfinition des balises génériques, toutes les divs et classes triées le plus souvent par parties : le header, le footer, les menus, et le contenu. L’unique feuille de style a l’avantage de regrouper tout ce dont vous avez besoin, bien rangée avec des espaces importants entre parties. Le souci principal est que si jamais le développeur, au cours de son intervention, vous demande de rajouter un style pour, vous allez vous retrouver à utiliser la même feuille de style. Autant dire que ça peut devenir complexe !

De l’autre coté, nous avons plusieurs méthodes pour la gestion de plusieurs CSS :
- la gestion type navigateur : 2 feuilles de styles, l’une avec vos balises génériques, l’autre avec les styles pour vos pages. L’intérêt étant de toujours, pour chaque projet, votre feuille de style par défaut, gérant ainsi les marges des balises ul, li, p, form, ... de manière identique sur vos différents navigateurs.
- la gestion par gabarits : plusieurs feuilles de styles pour chaque modèle de page. La feuille de style accueil, une autre listing, une autre article et une panier pour un catalogue e-commerce simple par exemple
- la gestion par zones : des feuilles de styles par rapport à votre découpage. Plus facile à reprendre que les autres, vous avez une feuille de style par zone de votre ou vos gabarits : une CSS pour le header, l’autre pour le footer, etc.

Il existe bien entendu des milliers de façons de gérer vos feuilles de styles. Ici sont uniquement répertoriées celles qu’utilisent les intégrateurs avec qui je travaille. Le principal étant d’avoir, dans la ou les CSS, tous les styles (évitez au maximum les balises avec des style=) en commentant les parties. On ne sais jamais, vous aurez peut-être à modifier le tout dans quelques mois !

Ajouter un commentaire