AMP

Modify presentation and layout

Modifique a apresentação

Páginas AMP são páginas Web; qualquer estilo adicionado à página e a seus elementos é feito usando propriedades CSS comuns. Adicione estilos aos elementos usando os seletores de classe ou elemento em uma folha de estilo do <head>, chamada <style amp-custom>:

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

Cada página AMP pode ter apenas uma folha de estilo inline e há certos seletores que você não tem permissão para usar. Saiba tudo sobre estilos.

Controle o layout

O AMP segue regras mais restritas para o layout dos elementos na página. Em uma página HTML normal, você quase que exclusivamente usa CSS para criar o layout. No entanto, por razões de desempenho, o AMP exige que todos os elementos tenham um conjunto de dimensões explícitas desde o início.

Saiba mais sobre como o AMP renderiza e faz o layout de uma página e como você pode modificá-lo em Layout e Media queries.