使用 Stripo 时，您可能会注意到，当您将保存的模块添加到模板时，颜色会有所不同，字体也与您保存的字体不同。这是为什么？它是如何工作的？本文将回答您的问题，并向您展示如何保存模块样式（如果您希望在拖放模块时它们保持不变）。
模块和 CSS 如何运行
让我们从头开始，看看 Stripo 中的 手机号码数据 模块是如何工作的。我们有一个漂亮的电子邮件元素，其中包含新价格，现在是时候将其保存为模块了。这很容易做到——我们只需单击“另存为模块”按钮即可。
我们已经可以看到模块预览中的标题字体与我们的电子邮件中的不一样。
我们将此模块添加到另一封电子邮件中，现在它的外观与原先完全不同。模块中的所有字体现在都与电子邮件的主字体相同，模块的背景也已更改为与模板的颜色相匹配。为什么会这样？
为什么我们要这样设计模块？
当将模块拖放到不同的模板时，这些更改是由于 CSS 样式而发生的。
现在，您了解了 CSS 样式，但您可能仍会问为什么模块功能默认不保存所有样式。为什么我们不一次保存整个 CSS？答案很简单：
实质上，通过不将 CSS 存储在模块中，我们让您免于每次将模块添加到另一个模板时手动调整每个模块的额外工作。这节省了时间，使电子邮件创建更快、更方便 — — 对任何营销人员来说都是一个重大的好处。说到好处……
不保存 CSS 的好处
为了彻底阐明这个问题， 西班牙比特币数据库 的模块操作逻辑为电子邮件营销人员带来的所有好处。
好处 1. 将 CSS 与 HTML 分离，轻松控制设计
首先，模块的逻辑是围绕营销人员的便利性构建的。当 HTML 和 CSS 分开保存时，营销人员可以轻松更新模块设计，而无需编辑主 HTML。因此，模块和模板的配置更简单、更易于管理，尤其是在需要快速更改品牌和调整样式时，而无需浏览电子邮件的整个技术部分。
优势2. 自适应模块，无缝模板集成
模块逻辑所基于的第二个支柱，我们上面简要提到过，就是便利性。由于任何模块都可以在无数模板中使用，因此它应该能够快速适应新的样式。但是，如果需要为每个模板单独手动编辑模块怎么办？在这种情况下，模块的整个意义——节省时间并使模板创建变得简单——就会消失。我们的模块会自动适应每个模板的样式，这大大节省了时间，并使营销人员的生活更加轻松。
此外，这种方法还使营销人员可以选择让模板适应每封电子邮件，或者通过使用内联样式使其不可更改 – 您可以做最适合自己的选择。
好处三、代码重量优化
第三支柱的重要性不亚于前两个支柱，它涉及我们主题的技术方面——即代码的重量。电子邮件代码越重，电子邮件客户端将电子邮件剪辑到收件人收件箱中的可能性就越大。但是，当模块从电子邮件模板继承 CSS 而不是将其直接包含在每个模块中时，电子邮件的整体大小会减小。模块仅包含其 HTML 结构和内联样式（如果您添加它们），其余的 CSS 将从模板中应用。这使电子邮件代码更轻，并确保电子邮件正确加载。
如何保存 CSS 样式
让我们解决这个问题，并使用内联样式保存模块样式。基本内容是相同的——带有新纹身价格的电子邮件元素。但是，在将其保存到模块之前，我们添加了内联样式，如下所示：
- 通过点击标题，我们安装了我们需要的字体，并写入到邮件代码中；
- 按照同样的方法，我们改变了背景颜色，变化就体现在代码中了。
我们将其保存为模块，现在是时候查看结果了。我们将新模块放入了上一个模块附近的同一封电子邮件中，瞧！字体样式和背景颜色与我们之前为模块设置的一样。