Latest web development tutorials

Foundation Text

Foundation defaults

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

The default setting is above average for the <body> element.

Foundation text flow design

This chapter we will discuss the Foundation's text flow design.

The following examples of real style please click on the "Try" button to view.

<H1> - <h6>

Foundation rendered HTML headings ( <h1> to <h6> ) as follows:

Examples

h1 title

h2 title

h3 title

h4 title

h5 title
h6 title

try it"

Tip: If you need to create a light-colored title, you can add the element .subheader categories:

Examples

h1.subheader

h2.subheader

h3.subheader

h4.subheader

h5.subheader
h6.subheader

try it"

<Small>

In the Foundation, the HTML <small> element is used to create a light-colored subtitle:

Examples

h1 heading secondary text

h2 heading secondary text

h3 heading secondary text

h4 heading secondary text

h5 heading secondary text
h6 heading secondary text

try it"

<a>

Foundation <a> style elements are as follows:

Examples

This is a link .


try it"

<Abbr>

Foundation <abbr> style elements are as follows:

Examples

The WHO was founded in 1948.


try it"

<Blockquote>

Foundation <blockquote> style elements are as follows:

Examples

Science is not only technology, but also a dream!

This tutorial

try it"

<Dl>

Foundation <dl> style elements are as follows:

Examples

Coffee
- Black hot drink
Milk
- White cold drink

try it"

<Code>

Foundation <code> style elements are as follows:

Examples

The following HTML elements: span , section , and div is part of the document.


try it"

<Kbd>

Foundation <kbd> style elements are as follows:

Examples

Press ctrl + p keys to open the Print window.


try it"

<Hr>

Foundation <hr> style elements are as follows:

Examples


try it"