Django HTML邮件模板无法加载导入的CSS怎么办？

邮件客户端（比如Outlook、Gmail）普遍不支持加载外部CSS文件，这是导致你的模板无样式的核心原因，下面是可行的解决办法：

• 内联CSS样式：把外部CSS文件里的样式直接写在HTML元素的style属性中，比如：

  <div style="background-color: #f5f5f5; padding: 20px;">
    <p style="color: #333; font-size: 16px;">邮件内容</p>
  </div>
  

• 使用<style>标签内嵌样式（有限支持）：把CSS代码放在模板的<head>标签里的<style>中，部分客户端（比如Gmail网页版）支持，但Outlook这类客户端可能不识别，需要结合内联样式做兼容：

  <head>
    <style>
      .email-container { background-color: #f5f5f5; padding: 20px; }
      .email-text { color: #333; font-size: 16px; }
    </style>
  </head>
  <body>
    <div class="email-container" style="background-color: #f5f5f5; padding: 20px;">
      <p class="email-text" style="color: #333; font-size: 16px;">邮件内容</p>
    </div>
  </body>
  

• 用Django工具自动内联CSS：可以借助django-inlinecss工具，在渲染模板时自动把外部CSS转换成内联样式。安装后在模板中使用：

  {% load inlinecss %}
  {% inlinecss "path/to/your/styles.css" %}
  <!-- 你的邮件HTML内容 -->
  {% endinlinecss %}
  

  调用render_to_string时，模板会自动完成样式内联。

注意：邮件样式要尽量用基础CSS属性，避免子选择器、伪类这类复杂语法，大部分邮件客户端对CSS的支持远不如浏览器。

内容的提问来源于stack exchange，提问作者Thanh Tuyền Huỳnh