搜索文档 /

全局样式表

虽然Ionibetway东盟体育appc Framework组件样式是自包含的,但为了使用Ionic的所有特性,还应该包括几个全局样式表。为了让Ionic Framework应用程序看起来和行为正确,其中一些样式表是必需的,而其他一些样式表包括betway东盟体育app可选的实用程序,可以快速地为应用程序设计样式。

可用

要求

为了离子框架正常工作,必须包含以下CSS文件。betway东盟体育app

core。

为了让Ionic组件正常工作,这个文件是惟一需要的样式表。betway东盟体育app它包括应用程序特定的风格,并允许 颜色 属性来跨组件工作。如果不包括这个文件,颜色将不会显示,一些元素可能不会正确显示。

推荐在Ionic Framework应用中包含以下CSS文件。如果不包含这些文件,一些元素可能会有不希望看到的样式。betway东盟体育app如果Ibetway东盟体育apponic Framework组件在应用程序之外使用,这些文件可能就不需要了。

structure.css

风格适用于 < html > 和违约 box-sizing border-box .它确保移动设备中的滚动行为与本机一样。

typography.css

排版改变整个文档的字体大小,并修改标题元素的字体样式。它还将定位样式应用于一些本地文本元素。

normalize.css

使浏览器呈现所有元素更加一致,并符合现代标准。它是基于 Normalize.css

可选

以下CSS文件集是可选的,如果应用程序没有使用任何特性,可以安全地注释掉或删除它们。

padding.css

添加实用工具类来修改任何元素的填充或边距,参见 CSS实用程序 使用信息。

float-elements.css

添加实用程序类以根据断点和端浮动元素,请参见 CSS实用程序 使用信息。

text-alignment.css

添加实用程序类以根据断点对齐元素的文本或调整空白,请参阅 CSS实用程序 使用信息。

text-transformation.css

添加实用程序类,以将元素的文本转换为 大写字母 小写字母 利用 根据断点,请参见 CSS实用程序 使用信息。

flex-utils.css

添加实用程序类以对齐伸缩容器和项,请参见 CSS实用程序 使用信息。

display.css

添加实用程序类以根据断点隐藏任何元素,请参见 CSS实用程序 使用信息。

使用

betway东盟体育app离子包 了解如何基于框架和包含全局样式表 CSS实用程序 了解如何使用可选实用程序。

以前的
响应电网
下一个
CSS实用程序
Baidu