Arrêt de QuickBooks en France : QuickBooks, QuickBooks Expert-Comptable et le service client ne seront plus disponibles en France après le 29 décembre 2023. En savoir plus.
QuickBooks HelpAideQuickBooksIntuit

CSS en HTML E-mail

by Intuit• Mis à jour 4 moiss

Le CSS est compatible avec les e-mails en HTML, mais il comporte des limites. En général, il est toujours préférable de conserver votre CSS de base lorsque vous personnalisez un e-mail.

Dans cet article, nous partagerons nos recommandations concernant l'utilisation de CSS dans les e-mails en HTML, ainsi que des informations pour vous aider à résoudre les problèmes liés à CSS.

Conseils généraux en matière de CSS et dépannage

Voici quelques conseils pour vous aider à code CSS pour vos e-mails efficacement.. Il est important de tester votre code souvent. CSS compatible avec les e-mails en HTML. Cependant, le résultat peut varier en fonction de l'e-mail client.

  • Gardez votre code simple.
    Le codage pour l’e-mail HTML est différent du codage pour un site Web. Plus le code est simple, moins il y a de place pour l'erreur.
  • Utilisez CSS uniquement pour les éléments de style général.
    Vous obtiendrez de meilleurs résultats si vous utilisez CSS pour les éléments généraux comme la police ou les couleurs.
  • Utiliser le CSS en ligne
    Du fait que les applications de messagerie basées sur un navigateur, telles que Gmail, suppriment <tête> et <corps> tags, utilisez toujours le CSS inline au lieu du CSS incorporé.

Ajoutez votre fichier CSS intégré.

Nous vous recommandons fortement d'utiliser notre outil CSS Inliner pour aider à inline automatiquement votre fichier CSS ajouté.

Si vous choisissez d'entrer manuellement votre fichier CSS, la couleur d'arrière-plan ou <corps> Les paramètres doivent être traités avec une largeur de 100 % <tableau> enveloppe de votre e-mail.

Votre fichier CSS doit être comme l'exemple suivant.

<pan style="font-famille: Arial, Helpvetica, sans-serif; police-taille : 12px; couleur : #BBBB;">

 votre contenu ici...

 </bouton>
  • Parfois, le service d'e-mail d'un abonné supprime les lignes de code commençant par un point, ce qui peut nuire à votre CSS. Si vous entrez manuellement vos données CSS, ajoutez un espace devant chaque ligne commençant par un point ou un point.
  • Pour en savoir plus sur le codage des e-mails en HTML, consultez notre référence en matière de conception d'e-mails.