8.3. Foundation text

8.3.1. Foundation default settin ¶

Foundation uses browser default font size ( font-size:100% ). For most desktop browsers, the font defaults to 16px. For most mobile browsers, the font defaults to 12px. The default font is "Helvetica Neue" , line-height defaults to 1.5 .

The above default settings are for <body> element.

8.3.2. Foundation text arrangement design ¶

In this chapter we will discuss the text arrangement design of Foundation.

以下实例的真实样式请通过点击”尝试一下”按钮查看。

8.3.3. < H1 >-< h6 > ¶

HTML title for Foundation rendering ( <h1> To <h6> ) is as follows:

Example ¶

<h1>h1 标题</h1><h2>h2 标题</h2><h3>h3 标题</h3><h4>h4 标题</h4><h5>h5
标题</h5><h6>h6 标题</h6>

尝试一下 »

提示： If you need to create a light-colored title, you can add .subheader Class:

Example ¶

<h1class="subheader">h1.subheader</h1><h2class="subheader">h2.subheader</h2><h3class="subheader">h3.subheader</h3><h4class="subheader">h4.subheader</h4><h5class="subheader">h5.subheader</h5><h6class="subheader">h6.subheader</h6>

尝试一下 »

8.3.4. < small > ¶

In Foundation, HTML <small> Element is used to create a light subtitle:

Example ¶

<h1>h1 heading<small>secondary text</small></h1><h2>h2
heading<small>secondary text</small></h2><h3>h3 heading<small>secondary
text</small></h3><h4>h4 heading<small>secondary text</small></h4><h5>h5
heading<small>secondary text</small></h5><h6>h6 heading<small>secondary
text</small></h6>

尝试一下 »

8.3.5. < a > ¶

Foundation <a> The style of the element is as follows:

Example ¶

<p>这是一个<aclass="a"href="#">链接</a>。</p>

尝试一下 »

8.3.6. < abbr > ¶

Foundation <abbr> The style of the element is as follows:

Example ¶

<p>The<abbrtitle="World Health Organization">WHO</abbr>was founded in
1948.</p>

尝试一下 »

< blockquote > ¶

Foundation ``<blockquote>`` 元素的样式如下所示：

Example ¶

<blockquote><p>学的不仅是技术，更是梦想！</p><cite>菜鸟教程</cite></blockquote>

尝试一下 »

8.3.7. < dl > ¶

Foundation <dl> The style of the element is as follows:

Example ¶

<dl><dt>Coffee</dt><dd>- black hot drink</dd><dt>Milk</dt><dd>- white
cold drink</dd></dl>

尝试一下 »

8.3.8. < code > ¶

Foundation <code> The style of the element is as follows:

Example ¶

<p>以下 HTML 元素:<code>span</code>,<code>section</code>,
和<code>div</code>是文档的一部分。</p>

尝试一下 »

8.3.9. < kbd > ¶

Foundation <kbd> The style of the element is as follows:

Example ¶

<p>按下<kbd>ctrl + p</kbd>键打开打印窗口。</p>

尝试一下 »

8.3.10. < hr > ¶

Foundation <hr> The style of the element is as follows:

Example ¶

<hr>

尝试一下 »