新增樣式
AMP 頁面是網頁 — 頁面及其元素的任何樣式皆使用標準 CSS 屬性完成。然而,AMP 要求所有 CSS 都包含在文件 head 中的自訂 style
標籤內,稱為 <style amp-custom>
。<style amp-custom>
標籤必須放在文件的 <head>
內。如果需要,也可以內嵌定義樣式。試著將以下樣式新增至您的頁面
<style amp-custom>
h1 {
margin: 1rem;
}
body {
background-color: blue;
}
</style>
AMP 幾乎允許所有 CSS,但有一些選取器必須避免。在此處瞭解這些以及更多關於 AMP 樣式的資訊。