amp-story 能否与 Normalize.css 和 Basscss 完全兼容?
Will amp-story work fully with Normalize.css and Basscss?
amp-story 能否与 Normalize.css 和 Basscss 完全兼容?我问是因为 AMP Start 是建立在这两个现有开源项目之上的:
https://www.ampstart.com/howitworks
Normalize.css
Normalize.css 使浏览器更一致地呈现所有元素并符合现代标准。它精确地只针对需要规范化的样式。这提供了一个全新的平台来为跨设备的 AMP Start 定义清晰一致的样式。
低音css
AMP start 是使用低级 CSS 工具包 Basscss 构建的。 Basscss 是一个非常轻量级的工具包,它提供了许多 CSS 实用程序 类 帮助我们做布局、响应式网格等事情,而无需编写任何自定义 css .
Basscss 开箱即用且响应迅速,这对 AMP Start 很重要。我们使用 Basscss 作为基础(无插件),但我们从 CSS 规则中删除了“!important”的所有实例,因为“!important”与 AMP 不兼容。通过使用现有的 Basscss 类,即使在 AMP 的 50Kb CSS 限制下,我们也能够编写更少 CSS 并且仍然制作出漂亮的页面。
在这两个项目提供的基础之上,我们在 CSS 中添加了一组更自以为是的样式,以便组件和模板继承与 AMP Start 一致的外观。
总而言之,CSS 占用的 AMP 配额不到 50kB 的一半,因此您应该有足够的空间使用 Basscss 和 AMP Start [=45 自定义您的页面=].
是的,这两个结果都是普通的 CSS,可以在 amp-story 中使用。与所有 AMP 文档一样,CSS 需要在 <style amp-custom>
块中内联。
请参阅 AMP Style & layout documentation 的 "Add styles to a page" 部分。
amp-story 能否与 Normalize.css 和 Basscss 完全兼容?我问是因为 AMP Start 是建立在这两个现有开源项目之上的:
https://www.ampstart.com/howitworks
Normalize.css
Normalize.css 使浏览器更一致地呈现所有元素并符合现代标准。它精确地只针对需要规范化的样式。这提供了一个全新的平台来为跨设备的 AMP Start 定义清晰一致的样式。
低音css
AMP start 是使用低级 CSS 工具包 Basscss 构建的。 Basscss 是一个非常轻量级的工具包,它提供了许多 CSS 实用程序 类 帮助我们做布局、响应式网格等事情,而无需编写任何自定义 css .
Basscss 开箱即用且响应迅速,这对 AMP Start 很重要。我们使用 Basscss 作为基础(无插件),但我们从 CSS 规则中删除了“!important”的所有实例,因为“!important”与 AMP 不兼容。通过使用现有的 Basscss 类,即使在 AMP 的 50Kb CSS 限制下,我们也能够编写更少 CSS 并且仍然制作出漂亮的页面。
在这两个项目提供的基础之上,我们在 CSS 中添加了一组更自以为是的样式,以便组件和模板继承与 AMP Start 一致的外观。
总而言之,CSS 占用的 AMP 配额不到 50kB 的一半,因此您应该有足够的空间使用 Basscss 和 AMP Start [=45 自定义您的页面=].
是的,这两个结果都是普通的 CSS,可以在 amp-story 中使用。与所有 AMP 文档一样,CSS 需要在 <style amp-custom>
块中内联。
请参阅 AMP Style & layout documentation 的 "Add styles to a page" 部分。