que - llamar estilos css desde html

Enlace de páginas móviles aceleradas al archivo css

Question

Estoy tratando de vincular al archivo css:

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

Apertura de Chrome en #development=1 modo para probar mi página para amplificador. Estoy recibiendo este error:

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

Answer 1

Las hojas de estilo externas no están permitidas. Use el estilo en línea para evitar la solicitud adicional de css.

Se puede encontrar más información en: https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#stylesheets

Los autores pueden agregar estilos personalizados a un documento usando una sola etiqueta <style amp-custom> en el encabezado del documento.

Answer 2

Cualquier estilo de la página y sus elementos se realiza utilizando propiedades de CSS comunes. Elementos de estilo que usan selectores de clase o elemento en una hoja de estilo en línea en, llamada <style amp-custom>

aquí está el código de muestra:

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

Answer 3

Estoy usando las páginas de PHP así que hago lo siguiente para agregar mi página de CSS personalizada, así puedo separarla y también incluirla en todas las páginas para que solo cambie una vez, etc.

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