CSS dans HTML
by Intuit• Mis à jour 1 semaine
Le CSS est compatible avec les e-mails en HTML, mais il comporte des limitations. 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 vous partageons nos recommandations pour l'utilisation de CSS dans les e-mails HTML, ainsi que des informations pour vous aider à résoudre les problèmes liés à CSS.
Conseils généraux sur le CSS et dépannage
Voici quelques conseils pour vous aider à associer le code CSS à vos e-mails.. Il est important que vous testiez votre code souvent. Le CSS fonctionne avec les e-mails en HTML. Cependant, le résultat peut varier en fonction de l'e-mail client.
- Gardez un code simple.
Le codage des e-mails en HTML diffère du codage des sites Web. Plus le code est simple, moins il y a de place à l'erreur. - Utilisez le CSS uniquement pour les éléments de style général.
Pour un résultat optimal lors de l'utilisation de CSS pour les éléments généraux comme les polices ou les couleurs, - Utiliser le CSS en ligne
Parce que les applications de messagerie basées sur navigateur, comme Gmail, suppriment<tête>et<corps>tag, toujours utiliser le CSS inline sur le CSS intégré.
Ajoutez le CSS intégré
Nous vous conseillons vivement d'utiliser notre outil CSS InLinener pour faciliter l'intégration automatique du CSS intégré.
Si vous décidez d'ajouter manuellement votre CSS, les couleurs d'arrière-plan ou< corps> Les paramètres doivent être traités avec une plage de 100 %< tableau> emballage de votre e-mail.
Votre fichier CSS doit correspondre à l'exemple suivant.
<pan style="font-famille: Arial, Hévetica, sans-serif; taille de la police : 12px; couleur : #BBBBBB;">
votre contenu ici...
</hors>
- Parfois, le service de messagerie d'un abonné supprime les lignes de code commençant par des périodes, ce qui peut endommager votre CSS. Si vous procéder à l'alignement manuel de votre CSS, ajoutez un espace devant toute ligne commençant par une période ou un point.
- Pour en savoir plus sur le codage des e-mails en HTML, consultez notre référence sur la conception des e-mails .
Sur le même sujet
- Utiliser le revêtement CSSde QuickBooks
- Erreurs HTML courantesde QuickBooks
- Bonnes pratiques pour les e-mails Mailchimpde QuickBooks
- Hooks CSS pour personnalisation des formulairesde QuickBooks