添加樣式
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 樣式的資訊。