基础 - 基础排版（Base Typography）
描述 (Description)
Foundation中的排版定义标题，段落，列表和其他内联元素，这些元素为元素创建有吸引力且简单的默认样式。
下表列出了基金会使用的不同类型的排版 -
| Sr.No. | 排版和描述 |
|---|---|
| 1 | Paragraphs 段落是一组用不同的字体大小，突出显示的单词，行高等定义的句子。 |
| 2 | Header 它定义了从h1到h6的HTML标题。 |
| 3 | Links 它会创建一个超链接，在您单击文本或图像时打开另一个文档。 |
| 4 | Dividers 它用于通过使用 标记在各部分之间中断。 |
| 5 | 有序和无序列表 Foundation支持有序列表，无序列表以列出事物。 |
| 6 | 定义列表 定义列表用于显示名称值对。 |
| 7 | Blockquotes 它表示文本块，其定义比正常大得多。 |
| 8 | 缩写和代码 缩写定义了单词或短语的缩写术语，代码表示一段代码。 |
| 9 | Keystrokes 它用于执行特定功能。 |
| 10 | Accessibility Foundation提供了一些访问页面内容的指南。 |
Sass参考
您可以使用表中列出的以下SASS变量来更改组件的样式。
| Sr.No. | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 | $header-font-family 指定标题元素的字体系列。 | 字符串或列表 | $body-font-family |
| 2 | $header-font-weight 指定标题的字体粗细。 | String | $global-weight-normal |
| 3 | $header-font-style 提供标题的字体样式。 | String | normal |
| 4 | $font-family-monospace 用于使用等宽字体类型的元素的字体堆栈，例如代码示例。 | 字符串或列表 | Consolas，'Liberation Mono'，Courier，monospace |
| 5 | $header-sizes 定义标题的屏幕大小，每个键是一个断点，每个值都是标题大小的映射。 | Map | |
| 6 | $header-color 提供标题的颜色。 | Color | inherit |
| 7 | $header-lineheight 定义标题的行高。 | Number | 1.4 |
| 8 | $header-margin-bottom 提供标题的下边距。 | Number | 0.5rem |
| 9 | $header-text-rendering 定义文本呈现的方法。 | String | optimizeLegibility |
| 10 | $small-font-size 指定元素的字体大小。 | Number | 80% |
| 11 | $paragraph-margin-bottom 指定段落的下边距。 | Number | 1rem |
| 12 | $paragraph-text-rendering 文本呈现段落的方法。 | String | optimizeLegibility |
| 13 | $code-color 为代码示例提供文本颜色。 | Color | $black |
| 14 | $code-font-family 为代码示例提供字体系列。 | 字符串或列表 | $font-family-monospace |
| 15 | $code-border 指定代码周围的边框。 | List | 1px solid $ medium-grey |
| 16 | $code-padding 指定文本周围的填充。 | Number or List | rem-calc（2 5 1） |
| 17 | $anchor-color 链接的默认颜色。 | Color | $primary-color |
| 18 | $anchor-color-hover 指定悬停时链接的默认颜色。 | Color | scale-color（$ anchor-color，$ lightness:-14％） |
| 19 | $anchor-text-decoration 链接的默认文本修饰。 | String | none |
| 20 | $anchor-text-decoration-hover 悬停时链接的默认文本修饰。 | String | none |
| 21 | $hr-width 定义分隔符的最大宽度。 | Number | $global-width |
| 22 | $hr-border 指定分隔符的默认边框。 | List | 1px solid $ medium-grey |
| 23 | $hr-margin 分隔符的默认边距。 | Number or List | rem-calc（20）auto |
| 24 | $list-lineheight 它定义列表中项目的行高。 | Number | $paragraph-lineheight |
| 25 | $list-style-type 为无序列表提供项目符号类型。 | String | disc |
| 26 | $list-style-position 它定义了无序列表上的项目符号的定位。 | String | outside |
| 27 | $list-side-margin 定义左侧（或右侧）边距。 | Number | 1.25rem |
| 28 | $defnlist-term-weight 为 | String | $global-weight-bold |
| 29 | $defnlist-term-margin-bottom 提供 | Number | 0.3rem |
| 30 | $blockquote-color 它应用 元素的文本颜色。 | Color | $dark-gray |
| 31 | $blockquote-padding 在 元素内提供填充。 | Number or List | rem-calc（9 20 0 19） |
| 32 | $blockquote-border 它为 元素提供了边框。 | List | 1px solid $ medium-grey |
| 33 | $cite-font-size 定义元素的字体大小。 | Number | rem-calc(13) |
| 34 | $cite-color 为《cite》元素提供文本颜色。 | Color | $dark-gray |
| 35 | $keystroke-font 为元素定义字体系列。 | 字符串或列表 | $font-family-monospace |
| 36 | $keystroke-color 定义元素的文本颜色。 | Color | $black |
| 37 | $keystroke-background 为元素提供背景颜色。 | Color | $light-gray |
| 38 | $keystroke-padding 指定元素的填充。 | Number or List | rem-calc（2 4 0） |
| 39 | $keystroke-radius 显示元素的边框半径。 | Number or List | $global-radius |
| 40 | $abbr-underline 为元素提供底部边框样式。 | List | 1px点缀$ black |