Accelerated mobile Seiten verlinken auf CSS-Datei

Question

Ich versuche, CSS-Datei zu verknüpfen:

<link href="/semanticui/semantic.css" rel="stylesheet" /> 

Opening Chrom in #development=1 Modus meine Seite für Verstärker zu testen. Ich erhalte diesen Fehler:

The attribute 'href' in tag 'link rel=stylesheet for fonts' is set to the invalid value '/semanticui/semantic.css'. 

Answer 1

Externe Stylesheets sind nicht zulässig. Verwenden Sie Inline-Styling, um die zusätzliche Anfrage für CSS zu vermeiden. https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#stylesheets

Autoren können benutzerdefinierte Stile zu einem Dokument eines einzelnen <style amp-custom>-Tag im Kopf des Dokuments hinzufügen mit:

Weitere Informationen finden Sie unter.

Answer 2

Jedes Styling für die Seite und ihre Elemente erfolgt mit den üblichen CSS-Eigenschaften. Stilelemente mit Klasse oder Element-Selektoren in einem Inline-Stylesheet in der, genannt <style amp-custom>

hier ist ein Beispielcode:

<style amp-custom> 
    /* any custom style goes here */ 
    body { 
    background-color: white; 
    } 
    amp-img { 
    background-color: gray; 
    border: 1px solid black; 
    } 
</style> 

Answer 3

Ich bin mit PHP-Seiten so mache ich folgendes meine benutzerdefinierte CSS-Seite hinzufügen, so ich kann es trennen und auch auf allen Seiten so nur einmal usw. Wechsel

<style amp-custom> 
    <?php readfile(getcwd() . "/css/main.min.css"); ?> 
</style>