HTML에서와 마찬가지로 CSS는 AMP에서 레이아웃 및 디자인의 핵심입니다. AMP 페이지의 사용자 지정 CSS 스타일을 추가하는 경우 일부 작업에 대한 제한 사항이 있습니다. 다음과 같은 사항을 주의해야 합니다.
- 모든 스타일은 문서의 head에 정의되어야 합니다.
- 최대 75KB의 CSS가 허용됩니다.
- 외부 스타일 시트를 사용할 수 없습니다.
이에 대한 추가적인 제한 사항도 있습니다.
| Style | 제한 여부 | 설명 |
|---|---|---|
| !important 선언자 | 허용되지 않음 | AMP가 스타일 지정 규칙을 적용하도록 허용 |
|
-amp- 및 i-amp-로 시작하는 클래스 및 태그 이름 |
허용되지 않음 |
사용자 스타일 시트는 이러한 클래스 및 태그에 대한 CSS 선택자를 정의하거나 참조할 수 없습니다. |
| behavior, -moz- binding | 허용되지 않음 | 보안 문제로 인한 제한 |
| filter | 허용되지 않음 | 성능 문제로 인한 제한 |
| transition | 제한됨 |
GPU 가속 속성만 허용 : opacity, transform, -vendorPrefix-transform |
| @keyframes {...} | 제한됨 |
GPU 가속 속성만 허용 : opacity, transform, -vendorPrefix-transform |