Maison  >  Article  >  interface Web  >  Que faire si l'e-mail ne prend pas en charge CSS

Que faire si l'e-mail ne prend pas en charge CSS

藏色散人
藏色散人original
2020-12-31 09:44:302347parcourir

La raison pour laquelle l'e-mail ne prend pas en charge les CSS est due à l'utilisation de styles internes et de styles externes. La solution est d'utiliser des styles en ligne dans l'e-mail. Parce que la partie principale de l'e-mail se trouve à l'intérieur du corps. le style doit être écrit en ligne, le style ne peut pas être écrit dans la balise head et ne peut pas non plus être lié de manière externe.

Que faire si l'e-mail ne prend pas en charge CSS

L'environnement d'exploitation de ce tutoriel : ordinateur Dell G3, système Windows 7, version css3.

Recommandé : "Tutoriel vidéo CSS"

L'e-mail ne prend pas en charge les CSS ?

Mail prend en charge CSS, mais les styles en ligne sont requis, les styles internes et les styles externes ne peuvent pas être utilisés.

Voici quelques notes sur l'utilisation du CSS dans les e-mails :

1. L'e-mail utilise une disposition table+css

2. , donc le style doit être certain. Pour l'écrire en ligne, vous ne pouvez pas écrire de style dans la balise head, ni être lié de manière externe.

3. Ne peut pas être positionné par flottement. position: Absolute; float: left; etc. ne fonctionnera pas dans le client de boîte aux lettres QQ, mais ne peut pas être reconnu dans Outlook.

4. La bordure du tableau, utilisant l'attribut border sur le tableau, est compatible avec le navigateur QQ, mais il n'y a pas de bordure à l'ouverture dans Outlook. Dans ce cas, nous ne pouvons l'ajouter qu'à chacun. td. Une bordure, utilisez border-collapse:collapse; dans le tableau pour fusionner les bordures répétées.

5. Afin de garantir la compatibilité, la largeur de l'e-mail doit être définie sur 600px, avec un maximum de 600px

6. Utilisez moins d'images, car de nombreux clients de messagerie ne le font pas ; afficher les images par défaut, donc si vous avez besoin d'une image, assurez-vous d'écrire alt et title

7. Pour les images d'arrière-plan, essayez d'utiliser background-color et utilisez un arrière-plan de couleur unie si vous devez l'utiliser. une image d'arrière-plan, utilisez l'attribut background,

8. Le courrier électronique ne prend pas en charge javascript, flash et certaines balises spéciales.

Étant donné que les clients de messagerie ont un support CSS différent, vous devez tester davantage avant d'envoyer pour garantir le style correct. En cas d'incompatibilité, vous devez être patient et utiliser la méthode de compatibilité la plus simple, et essayer d'utiliser le moins de balises spéciales et d'attributs plus complexes possible.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn