>  기사  >  웹 프론트엔드  >  이메일이 CSS를 지원하지 않는 경우 어떻게 해야 합니까?

이메일이 CSS를 지원하지 않는 경우 어떻게 해야 합니까?

藏色散人
藏色散人원래의
2020-12-31 09:44:302399검색

이메일이 CSS를 지원하지 않는 이유는 내부 스타일과 외부 스타일을 사용하기 때문입니다. 해결 방법은 이메일의 주요 부분이 본문 내부에 있으므로 스타일을 인라인으로 작성해야 합니다. 태그에 스타일을 쓰면 외부로 연결할 수 없습니다.

이메일이 CSS를 지원하지 않는 경우 어떻게 해야 합니까?

이 튜토리얼의 운영 환경: Dell G3 컴퓨터, Windows 7 시스템, CSS3 버전.

추천: "css 동영상 튜토리얼"

이메일은 CSS를 지원하지 않나요?

이메일은 CSS를 지원하지만 인라인 스타일을 사용해야 하며 내부 스타일과 외부 스타일을 사용할 수 없습니다.

다음은 이메일에서 CSS 사용에 관한 몇 가지 참고 사항입니다.

1. 이메일은 테이블+CSS 레이아웃을 사용합니다.

2 이메일의 주요 부분은 본문 안에 있으므로 스타일은 인라인으로 작성해야 합니다. head 태그 스타일로 되어 있으며 외부에서 연결할 수 없습니다.

3. 플로팅으로 위치를 지정할 수 없습니다. 위치: 절대; 부동: 왼쪽 등은 작동하지 않습니다. 부동은 QQ 사서함 클라이언트에서 인식될 수 있지만 Outlook에서는 인식될 수 없습니다.

4. 테이블의 테두리 속성은 QQ 브라우저와 호환되지만 Outlook에서 열 때 테두리가 없습니다. 이 경우 각 td에만 테두리를 추가할 수 있습니다. border-collapse:collapse; 테이블에서 중복된 테두리를 병합합니다.

5. 호환성을 보장하려면 이메일 너비를 600px(최대 600px)로 설정해야 합니다.

6. 많은 이메일 클라이언트는 기본적으로 이미지를 표시하지 않으므로 img를 아껴서 사용하세요. 이미지가 필요하면 alt와 제목을 적어야 합니다.

7. 배경 이미지의 경우 배경색을 사용하고 배경 이미지를 사용해야 하는 경우 배경 속성을 사용하세요. 8. 이메일은 자바스크립트, 플래시 및 일부 특수 태그를 지원하지 않습니다.

이메일 클라이언트는 다양한 CSS 지원을 제공하므로 전송하기 전에 더 많은 테스트를 거쳐 올바른 스타일을 확인해야 합니다. 비호환성이 발생하는 경우 인내심을 갖고 가장 간단한 호환성 방법을 사용해야 하며, 특수 태그를 최대한 적게 사용하고 더 복잡한 속성을 사용하도록 노력해야 합니다.

위 내용은 이메일이 CSS를 지원하지 않는 경우 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.