Я пытаюсь связать файл css:
<link href="/semanticui/semantic.css" rel="stylesheet" />
Открываю хром в режиме #development=1, чтобы проверить мою страницу на наличие amp. Я получаю эту ошибку:
The attribute 'href' in tag 'link rel=stylesheet for fonts' is set to the invalid value '/semanticui/semantic.css'.
Внешние таблицы стилей не допускаются. Используйте встроенные стили, чтобы избежать дополнительного запроса css.
Дополнительную информацию можно найти по адресу: https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#stylesheets
Авторы могут добавлять в документ собственные стили, используя один тег
<style amp-custom>в заголовке документа.
я использую php-страницы, поэтому я делаю следующее, чтобы добавить свою пользовательскую страницу css, поэтому я могу отделить ее, а также включить на все страницы, чтобы изменить только один раз и т. д.
<style amp-custom>
<?php readfile( getcwd() . "/css/main.min.css"); ?>
</style>
Любые стили страницы и ее элементов выполняются с использованием общих свойств 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>
Вы можете использовать это:
<style amp-custom>
<?php echo file_get_contents(STYLESHEETPATH.'/style.css'); ?>
</style>
