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