Formation Prestashop intégrateur: Guide CSS / Déclaration

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


Déclaration

  • Chaque déclaration doit apparaître sur sa propre ligne pour un affichage des erreurs plus précis.
  • Terminez vos déclarations par un point-virgule. Celui sur la dernière déclaration est optionnel mais votre code sera plus robuste aux erreurs en l'ajoutant.
  • Les valeurs de propriétés séparées par des virgules doivent inclure un espace après chaque virgule (e.g., box-shadow).
  • N'ajoutez pas d'espace après les virgules à l'intérieur de rgb(), rgba(), hsl(), hsla(), ou rect(). Cela permet de différencier les multiples valeurs de couleurs (virgule, sans espace) des multiples valeurs de propriétés (virgule, avec espace).
  • Ne préfixez pas les valeurs de propriétés ou les paramètres de couleur avec un zéro (e.g., .5 plutôt que 0.5 et -.5px plutôt que -0.5px).
  • Mettez toutes les valeurs hexadécimales en minuscule, e.g., #fff. Les lettres minuscules sont plus faciles à repérer lorsque l'on scanne visuellement un document car elles ont des formes plus uniques.
  • Utilisez les valeurs réduites hexadécimales dès que possible, e.g., #fff plutôt que #ffffff.
  • Mettez les valeurs des attributes entre double guillemets dans les sélecteurs, e.g., input[type="text"]. Ils sont optionnels dans certains cas, mais c'est une bonne pratique pour la cohérence.
  • Évitez d'ajouter des unités quand la valeur est zéro, e.g., margin: 0; plutôt que margin: 0px;.