Question

我正在尝试链接到css文件：

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

以#development=1模式打开镶边以测试我的放大器页面。我收到了这个错误：

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

Answer 1

不允许使用外部样式表。使用内联样式来避免对css的额外请求。

可在以下网址找到更多信息：https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#stylesheets

作者可以使用文档头部的单个<style amp-custom>标记向文档添加自定义样式。

Answer 2

我正在使用php页面，所以我执行以下操作来添加我的自定义css页面，因此我可以将其分开并包含在所有页面中，只需更改一次等。

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

Answer 3

页面及其元素的任何样式都是使用常见的CSS属性完成的。样式元素在名为<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>

Answer 4

您可以使用此：

<style amp-custom>
    <?php echo file_get_contents(STYLESHEETPATH.'/style.css'); ?>
</style>

加速移动页面链接到css文件

4 个答案: