Menambahkan Gaya di AMP
AMP menggunakan CSS biasa, tetapi dibungkus dalam tag khusus <style amp-custom>. Semua gaya wajib diletakkan dalam tag ini di bagian <head> dokumen.
<style amp-custom>
h1 {
margin: 1rem;
}
body {
background-color: blue;
}
</style>AMP memperbolehkan hampir semua CSS, namun ada beberapa properti yang dibatasi. Pastikan menggunakan selector yang sederhana dan tidak menimbulkan konflik performa.
Tips Styling di AMP
- Gunakan warna latar belakang yang netral
- Hindari penggunaan
!important - Minimalkan penggunaan animasi berat
- Gunakan struktur grid atau flexbox ringan