修改呈现形式
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 如何渲染页面和设置页面布局,以及如何修改布局,请参阅如何控制布局。