修改呈现形式和布局

修改呈现形式

AMP 网页是一些网页；网页及其元素的任何样式设置操作都是使用常见 CSS 属性完成的。使用类或 <head> 中名为 <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>

每个 AMP 网页都只能有一个嵌入式样式表和一些内嵌样式，并且还有一部分不允许您使用的选择器。了解所有样式设置的相关信息。

控制布局

在网页上放置元素时，AMP 遵循更严格的规则。在常规 HTML 网页上，您几乎完全使用 CSS 来放置元素。但是，出于性能原因，AMP 要求所有元素从一开始就必须设置显式大小。

延伸阅读：如需详细了解 AMP 如何呈现网页和设置网页布局，以及如何修改布局，请参阅控制与媒体查询。

Written by @pbakaus
with contributions from @bpaduch