8.3. Foundation text

发布时间 :2025-10-25 12:24:35 UTC      

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>

尝试一下 »

Principles, Technologies, and Methods of Geographic Information Systems  102

In recent years, Geographic Information Systems (GIS) have undergone rapid development in both theoretical and practical dimensions. GIS has been widely applied for modeling and decision-making support across various fields such as urban management, regional planning, and environmental remediation, establishing geographic information as a vital component of the information era. The introduction of the “Digital Earth” concept has further accelerated the advancement of GIS, which serves as its technical foundation. Concurrently, scholars have been dedicated to theoretical research in areas like spatial cognition, spatial data uncertainty, and the formalization of spatial relationships. This reflects the dual nature of GIS as both an applied technology and an academic discipline, with the two aspects forming a mutually reinforcing cycle of progress.