| 排版和描述 |
| Paragraphs
Paragraph 是一组用不同字体大小、突出显示的单词、行高等定义的句子。
|
| Header
它定义了从 h1 到 h6 的 HTML 标题。
|
| 链接
它会创建一个超链接，当您单击文本或图像时会打开另一个文档。
|
| 分隔符
它用于通过使用
标签在各部分之间提供中断。 |
| 有序和无序列表
Foundation 支持有序列表、无序列表来列出事物。
|
| 定义列表
定义列表用于显示名称值对。
|
| Blockquotes
它代表文本块，定义比正常大得多。
|
| 缩写和代码
缩写定义单词或短语的缩写词，代码代表一段代码。
|
| 击键
用于执行特定功能。
|
| 可访问性
Foundation 提供了一些访问页面内容的指南。
|
| 名称和描述 | 输入 | 默认值 |
|
$header-font-family
指定标题元素的字体系列。
|
字符串或列表 | $body-font-family |
|
$header-font-weight
指定标题的字体粗细。
|
字符串 | $global-weight-normal |
|
$header-font-style
提供标题的字体样式。
|
字符串 | normal |
|
$font-family-monospace
用于使用等宽字体的元素的字体堆栈，例如代码示例。
|
字符串或列表 | Consolas, 'Liberation Mono', Courier, monospace |
|
$header-sizes
定义标题的屏幕尺寸，每个键是一个断点，每个值是标题大小的地图。
|
地图 |
small: ( 'h1': 24 'h2': 20 'h3': 19 'h4': 18 'h5': 17 'h6': 16 ) medium: ( 'h1': 48 'h2': 40 'h3': 31 'h4': 25 'h5': 20 'h6': 16 ) |
|
$header-color
提供标题的颜色。
|
颜色 | inherit |
|
$header-lineheight
定义标题的行高。
|
数字 | 1.4 |
|
$header-margin-bottom
提供标题的底部边距。
|
数字 | 0.5rem |
|
$header-text-rendering
定义文本渲染方法。
|
字符串 | optimizeLegibility |
|
$small-font-size
指定 <small> 元素的字体大小。
|
数字 | 80% |
|
$paragraph-margin-bottom
指定段落的下边距。
|
数字 | 1rem |
|
$paragraph-text-rendering
文本渲染段落的方法。
|
字符串 | optimizeLegibility |
|
$code-color
为代码示例提供文本颜色。
|
颜色 | $black |
|
$code-font-family
为代码示例提供字体系列。
|
字符串或列表 | $font-family-monospace |
|
$code-border
指定代码周围的边框。
|
列表 | 1px solid $medium-gray |
|
$code-padding
指定文本周围的填充。
|
数字或列表 | rem-calc(2 5 1) |
|
$anchor-color
链接的默认颜色。
|
颜色 | $primary-color |
|
$anchor-color-hover
指定悬停链接的默认颜色。
|
颜色 | scale-color($anchor-color, $lightness: -14%) |
|
$anchor-text-decoration
链接的默认文本装饰。
|
字符串 | 无 |
|
$anchor-text-decoration-hover
悬停时链接的默认文本装饰。
|
字符串 | 无 |
|
$hr-width
定义分隔线的最大宽度。
|
数字 | $global-width |
|
$hr-border
指定分隔线的默认边框。
|
列表 | 1px solid $medium-gray |
|
$hr-margin
分隔线的默认边距。
|
数字或列表 | rem-calc(20) auto |
|
$list-lineheight
它定义了列表中项目的行高。
|
数字 | $paragraph-lineheight |
|
$list-style-type
为无序列表提供项目符号类型。
|
字符串 | disc |
|
$list-style-position
它定义了无序列表上项目符号的定位。
|
字符串 | outside |
|
$list-side-margin
定义左边（或右边）边距。
|
数字 | 1.25rem |
|
$defnlist-term-weight
为
|
字符串 | $global-weight-bold |
|
$defnlist-term-margin-底部
提供<dt>和<dd>元素之间的间距。
|
数字 | 0.3rem |
|
$blockquote-color
它应用 <blockquote> 元素的文本颜色。
|
颜色 | $dark-gray |
|
$blockquote-padding
在 <blockquote> 元素内提供填充。
|
数字或列表 | rem-calc(9 20 0 19) |
|
$blockquote-border
它为 <blockquote> 元素提供侧边框。
|
列表 | 1px solid $medium-gray |
|
$cite-font-size
定义
元素的字体大小。
|
数字 | rem-calc(13) |
|
$cite-color
为
<cite> 元素提供文本颜色。
|
颜色 | $dark-gray |
|
$keystroke-font
为 <kbd> 元素定义字体系列。
|
字符串或列表 | $font-family-monospace |
|
$keystroke-color
定义 <kbd> 元素的文本颜色。
|
颜色 | $black |
|
$keystroke-background
为 <kbd> 元素提供背景颜色。
|
颜色 | $light-gray |
|
$keystroke-padding
指定
元素的填充。
|
数字或列表 | rem-calc(2 4 0) |
|
$keystroke-radius
显示
元素的边框半径。
|
数字或列表 | $global-radius |
|
$abbr-underline
为 元素提供底部边框样式。
|
列表 | 1px dotted $black |
