Foundation 文本
Foundation 默認設置
Foundation使用瀏覽器默認字體大小( font-size:100%
)。 對於大多數桌面瀏覽器來說,字體默認為16px。 對於大多數移動端瀏覽器來說,字體默認為12px。 默認的字體為"Helvetica Neue"
, line-height默認為1.5
。
以上默認的設置均是針對<body>
元素。
Foundation 文字排列設計
本章節我們將討論Foundation 的文字排列設計。
以下實例的真實樣式請通過點擊"嘗試一下"按鈕查看。
<h1> - <h6>
Foundation渲染的HTML標題( <h1>
到<h6>
)如下所示:
提示:如果需要創建一個淺色的標題,可以在元素上添加.subheader
類:
<small>
在Foundation中, HTML <small>
元素用於創建一個淺色的副標題:
實例
h1 heading secondary text
h2 heading secondary text
h3 heading secondary text
h4 heading secondary text
h5 heading secondary text
h6 heading secondary text
嘗試一下»
<a>
Foundation <a>
元素的樣式如下所示:
<abbr>
Foundation <abbr>
元素的樣式如下所示:
<blockquote>
Foundation <blockquote>
元素的樣式如下所示:
<dl>
Foundation <dl>
元素的樣式如下所示:
<code>
Foundation <code>
元素的樣式如下所示:
<kbd>
Foundation <kbd>
元素的樣式如下所示:
<hr>
Foundation <hr>
元素的樣式如下所示: