支援的 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- 標籤名稱。 | 驗證器不允許使用符合以下 regex `(^|\W)i-amphtml-` 的類別和標籤名稱。這些名稱保留供 AMP 框架內部使用。因此，使用者的樣式表不得參考 i-amphtml- 類別和標籤的 CSS 選擇器。 |
效能建議
為了獲得最佳效能，這些允許的樣式應將值限制為以下項目
| 受限制的樣式 | 說明 |
|---|---|
transition 屬性 | 僅限 GPU 加速屬性 (目前為 opacity、transform 和 -vendorPrefix-transform)。 |
-
貢獻者： @pbakaus 、 @CrystalOnScript 、 @bpaduch 、 @choumx