外部css的AMP页面参考

时间:2017-07-17 14:00:33

标签: html css amp-html

如何在放大器页面中添加外部CSS样式。 我用这个标签包含css文件。

<link href="css/cssnew.css" rel="stylesheet" media="screen">

它给出以下错误: 标签'link rel = stylesheet for fonts'中的属性'href'设置为无效值'css / cssnew.css'。 (见https://www.ampproject.org/docs/reference/spec#custom-fonts

在放大器文档中,它指定使用内联样式。

<style amp-custom>
//css code
</style>

但是如何在此标记中包含所有必需的css,因为它有一定的限制。任何人都可以通过一个例子向我解释这个问题,因为我对放大器页面是全新的。提前谢谢

2 个答案:

答案 0 :(得分:3)

无法添加外部样式表,例如css。它需要额外的网络请求,因此减慢了加载网站的速度 请参阅Basic howto

答案 1 :(得分:3)

通过使用php你可以做到这一点,但CSS不应超过50kb 您必须在头部

中包含此行
<?php readfile( getcwd() . "/amp.css"); ?>

css格式

<style amp-custom>

body {
    background-color: blue;
  }


</style>