Formation Prestashop intégrateur: Guide CSS / Organisation

Vous êtes ici : Accueil / Prestashop intégrateur / Guide CSS / Organisation


Organisation

Organisez vos sections de code par composant.

Développez une hiérarchie de commentaires cohérente.

Utilisez les sauts de lignes de manière cohérente à votre avantage pour séparer les sections de code de manière à scanner le document plus facilement.

Lorsque vous utilisez plusieurs fichiers CSS, séparez-les par composant plutôt que par page. Les pages peuvent changer, et les composants sont plus flexibles.

/*
 * Entete de section de composant
 */
.element { ... }

/*
 * Entete de section de composant
 *
 * Parfois, vous avez besoin d'ajouter plus de contexte pour le composant.
 */
.element { ... }

/* Sous-composant contextuel, ou modificateur */
.element-heading { ... }