pagine mobili accelerato dei collegamenti a file css

Question

Sto cercando di creare un collegamento a file CSS:

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

chrome Apertura in #development=1 modalità per testare la mia pagina dedicata agli ampli. Viene visualizzato questo errore:

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

Answer 1

I fogli di stile esterni non sono consentiti. Utilizzare lo stile in linea per evitare la richiesta aggiuntiva di css.

Maggiori informazioni sono disponibili all'indirizzo: https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#stylesheets

Gli autori possono aggiungere stili personalizzati per un documento utilizzando un singolo tag <style amp-custom> nella testa del documento.

Answer 2

Qualsiasi stile della pagina e dei relativi elementi viene eseguito utilizzando le proprietà CSS comuni. elementi di stile che utilizzano i selettori di classe o elemento di un foglio di stile in linea nella, chiamati <style amp-custom>

ecco codice di esempio:

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

Answer 3

sto usando pagine php in modo da effettuare le seguenti operazioni per aggiungere la mia pagina CSS personalizzato, in modo da posso separare e inoltre comprendere, in tutte le pagine in modo da cambiare solo una volta ecc

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