?
This document uses PHP Chinese website manual Release
Foundation 文本
Foundation 默認(rèn)設(shè)置
Foundation 使用瀏覽器默認(rèn)字體大小 (font-size:100%)。對(duì)于大多數(shù)桌面瀏覽器來(lái)說(shuō)，字體默認(rèn)為 16px。對(duì)于大多數(shù)移動(dòng)端瀏覽器來(lái)說(shuō)，字體默認(rèn)為 12px。默認(rèn)的字體為 "Helvetica Neue"， line-height 默認(rèn)為 1.5。
以上默認(rèn)的設(shè)置均是針對(duì) <body> 元素。
Foundation 文字排列設(shè)計(jì)
本章節(jié)我們將討論 Foundation 的文字排列設(shè)計(jì)。
以下實(shí)例的真實(shí)樣式請(qǐng)通過(guò)點(diǎn)擊"實(shí)例預(yù)覽"按鈕查看。
<h1> - <h6>
Foundation 渲染的 HTML 標(biāo)題 (<h1> 到<h6>) 如下所示:
實(shí)例
h1 標(biāo)題
h2 標(biāo)題
h3 標(biāo)題
h4 標(biāo)題
h5 標(biāo)題
h6 標(biāo)題
實(shí)例預(yù)覽 ?
提示： 如果需要?jiǎng)?chuàng)建一個(gè)淺色的標(biāo)題，可以在元素上添加 .subheader 類:
實(shí)例
h1.subheader
h2.subheader
h3.subheader
h4.subheader
h5.subheader
h6.subheader
實(shí)例預(yù)覽 ?
<small>
在 Foundation 中， HTML <small> 元素用于創(chuàng)建一個(gè)淺色的副標(biāo)題：
實(shí)例
h1 heading?secondary text
h2 heading?secondary text
h3 heading?secondary text
h4 heading?secondary text
h5 heading?secondary text
h6 heading?secondary text
實(shí)例預(yù)覽 ?
<a>
Foundation <a> 元素的樣式如下所示：
實(shí)例
這是一個(gè)?鏈接。
實(shí)例預(yù)覽 ?
<abbr>
Foundation <abbr> 元素的樣式如下所示：
實(shí)例
The?WHO?was founded in 1948.
實(shí)例預(yù)覽 ?
<blockquote>
Foundation <blockquote> 元素的樣式如下所示：
實(shí)例
學(xué)的不僅是技術(shù)，更是夢(mèng)想！
手冊(cè)網(wǎng)教程
實(shí)例預(yù)覽 ?
<dl>
Foundation <dl> 元素的樣式如下所示：
實(shí)例
- Coffee
- - black hot drink
- Milk
- - white cold drink
實(shí)例預(yù)覽 ?
<code>
Foundation <code> 元素的樣式如下所示：
實(shí)例
以下?HTML?元素:?span,?section,?和?div?是文檔的一部分。
實(shí)例預(yù)覽 ?
<kbd>
Foundation <kbd> 元素的樣式如下所示：
實(shí)例
按下ctrl?+?p鍵打開(kāi)打印窗口。
實(shí)例預(yù)覽 ?
<hr>
Foundation <hr> 元素的樣式如下所示：
實(shí)例
實(shí)例預(yù)覽 ?關(guān)于我們 聯(lián)系我們 留言板
手冊(cè)網(wǎng)