基础库
基础 - Motion UI

基础 - 排版辅助工具

本章我们将学习排版辅助工具。排版辅助工具用于以语义相关的方式格式化文本。Foundation 中的辅助类可让您更快地构建一些排版样式。

下表列出了Foundation中使用的排版辅助工具。

序号	排版辅助工具及说明
1	文本对齐它有助于更改元素的文本对齐方式，例如左对齐、右对齐、居中对齐和两端对齐。
2	副标题可以使用.subheader类将副标题添加到任何标题元素。
3	导语段落它比普通文本大得多，可用于广告或其他描述性文本。
4	无序列表在Foundation中，<ul>默认情况下是有序列表。要删除项目符号，可以使用.no-bullet类。
5	统计数据处理仪表盘时，需要突出显示一些重要的数字。可以使用.stat类实现此目的。

Sass 参考

变量

下表列出了项目设置文件中的SASS变量，这些变量使组件的默认样式能够自定义。

序号	名称及说明	类型	默认值
1	$lead-font-size 导语段落的默认字体大小。	数字	$global-font-size * 1.25
2	$lead-lineheight 导语段落的默认行高。	字符串	1.6
3	$subheader-lineheight 副标题的默认行高。	数字	1.4
4	$subheader-color 副标题的默认字体颜色。	颜色	$dark-gray
5	$subheader-font-weight 副标题的默认字体粗细。	字符串	$global-weight-normal
6	$subheader-margin-top 副标题的默认上边距。	数字	0.2rem
7	$subheader-margin-bottom 副标题的默认下边距。	数字	0.5rem
8	$stat-font-size 静态数字的默认字体大小	数字	2.5rem

打印页面

广告