支持的 CSS
AMP for Email 指定了额外的 CSS 约束，这些约束在 AMP for Email 支持的 CSS 中进行了描述。
与所有网页一样，AMP 页面使用 CSS 设置样式，但您不能引用外部
样式表。
由于性能原因，某些样式也不允许使用。
样式可以位于文档的 head 中或作为内联 style 属性（请参阅 将样式添加到页面）。但是，您可以使用 CSS 预处理器和模板来构建静态页面，以更好地管理您的内容。
注意 – AMP 组件带有默认样式，使创作响应式页面变得相当容易。这些样式在
amp.css 中定义。不允许的样式
以下样式在 AMP 页面中不允许使用
| 禁止的样式 | 描述 |
|---|---|
!important 限定符 | 不允许使用和引用 !important。这是 AMP 强制执行其元素大小调整规则的必要要求。 |
<link rel=”stylesheet”> | 不允许。 |
i-amphtml- 类和 i-amphtml- 标签名称。 | 验证器不允许使用以下正则表达式 `(^|\W)i-amphtml-` 的类和标签名称。这些保留供 AMP 框架内部使用。因此，用户的样式表可能不引用 i-amphtml- 类和标签的 CSS 选择器。 |
性能建议
为了获得最佳性能，这些允许的样式应将值限制为以下内容
| 受限样式 | 描述 |
|---|---|
transition 属性 | 仅限 GPU 加速属性（当前为 opacity、transform 和 -vendorPrefix-transform）。 |
-
贡献者： @pbakaus , @CrystalOnScript , @bpaduch , @choumx