Foundation 使用浏览器默认字体大小(font-size:100%)。对于大多数桌面浏览器，字体默认为16px。对于大多数移动浏览器，字体默认为12px。默认字体为“Helvetica Neue”，行高默认为1.5。

以上默认设置都是针对body元素的。

基础文字排列设计

我们将讨论Foundation 的文本排列设计。

请单击“尝试”按钮查看以下示例的实际样式。

小时1-小时6

Foundation 渲染的HTML 标头（h1 到h6）如下所示：

例子

h1h1标题/h1h2h2标题/h2h3h3标题/h3h4h4标题/h4h5h5标题/h5h6h6标题/h6

尝试一下»

提示：如果需要创建更轻的标头，可以将.subheader 类： 添加到元素中

例子

h1class=\’subheader\’h1.subheader/h1h2class=\’subheader\’h2.subheader/h2h3class=\’subheader\’h3.subheader/h3h4class=\’subheader\’h4.subheader/h4h5class=\’subheader\’h5.subheader/h5h6class=\’subheader\’ h6.副标题/h6

小的

在Foundation 中，HTML 小元素用于创建浅色字幕：

例子

h1h1 标题SmallSecondary 文本/小/h1h2h2 标题SmallSecondary 文本/小/h2h3h3 标题SmallSecondary 文本/小/h3h4h4 标题SmallSecondary 文本/小/h4h5h5 标题SmallSecondary 文本/小/h5h6h6 标题SmallSecondary 文本/小/h6

尝试一下»

一个

Foundation a 元素的样式如下：

例子

p这是一个aclass=\’a\’href=\’#\’link/a。 /p

缩写

Foundation abbr 元素的样式如下：

例子

pThe abbrtitle=\’世界卫生组织\’WHO/abbr 成立于1948 年。/p

尝试一下»

块引用

Foundation blockquote 元素的样式如下：

例子

blockquotep学的不仅仅是技术，更是梦想！ /pcite 新手教程/cite/blockquote

尝试一下»

dl

Foundation dl 元素的样式如下：

例子

dldt咖啡/dtdd-黑色热饮/dddt牛奶/dtdd-白色冷饮/dd/dl

尝试一下»

代码

Foundation 代码元素的样式如下：

例子

以下HTML 元素codepan/code、codesection/code 和codediv/code 是文档的一部分。 /p

尝试一下»

知识库

Foundation kbd 元素的样式如下：

例子

p按kbdctrl + p/kbd 键打开打印窗口。 /p

尝试一下»

小时

Foundation hr 元素的样式如下：

例子