掃二維碼與項(xiàng)目經(jīng)理溝通
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
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。
創(chuàng)新互聯(lián)專注于企業(yè)成都營(yíng)銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、泌陽(yáng)網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁(yè)面制作、商城系統(tǒng)網(wǎng)站開(kāi)發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為泌陽(yáng)等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。
以上默認(rèn)的設(shè)置均是針對(duì) 元素。
本章節(jié)我們將討論 Foundation 的文字排列設(shè)計(jì)。
以下實(shí)例的真實(shí)樣式請(qǐng)通過(guò)點(diǎn)擊"嘗試一下"按鈕查看。
Foundation 渲染的 HTML 標(biāo)題 ( 到 ) 如下所示:
<
h1
>
h1 標(biāo)題
h1
>
<
h2
>
h2 標(biāo)題
h2
>
<
h3
>
h3 標(biāo)題
h3
>
<
h4
>
h4 標(biāo)題
h4
>
<
h5
>
h5 標(biāo)題
h5
>
<
h6
>
h6 標(biāo)題
h6
>
嘗試一下 ?
提示：如果需要?jiǎng)?chuàng)建一個(gè)淺色的標(biāo)題，可以在元素上添加 .subheader 類:
<
h1
class
=
"
subheader
"
>
h1.subheader
h1
>
<
h2
class
=
"
subheader
"
>
h2.subheader
h2
>
<
h3
class
=
"
subheader
"
>
h3.subheader
h3
>
<
h4
class
=
"
subheader
"
>
h4.subheader
h4
>
<
h5
class
=
"
subheader
"
>
h5.subheader
h5
>
<
h6
class
=
"
subheader
"
>
h6.subheader
h6
>
嘗試一下 ?
在 Foundation 中， HTML 元素用于創(chuàng)建一個(gè)淺色的副標(biāo)題：
<
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
>
嘗試一下 ?
<
p
>
這是一個(gè)
<
a
class
=
"
a
"
href
=
"
#
"
>
鏈接
a
>
。
p
>
嘗試一下 ?
Foundation 元素的樣式如下所示：
<
p
>
The
<
abbr
title
=
"
World Health Organization
"
>
WHO
abbr
>
was founded in 1948.
p
>
嘗試一下 ?
Foundation 元素的樣式如下所示：
<
blockquote
>
<
p
>
學(xué)的不僅是技術(shù)，更是夢(mèng)想！
p
>
<
cite
>
菜鳥教程
cite
>
blockquote
>
嘗試一下 ?
Foundation
<
dl
>
<
dt
>
Coffee
dt
>
<
dd
>
- black hot drink
dd
>
<
dt
>
Milk
dt
>
<
dd
>
- white cold drink
dd
>
dl
>
嘗試一下 ?
Foundation 元素的樣式如下所示：
<
p
>
以下 HTML 元素:
<
code
>
span
code
>
,
<
code
>
section
code
>
, 和
<
code
>
div
code
>
是文檔的一部分。
p
>
嘗試一下 ?
Foundation 元素的樣式如下所示：
<
p
>
按下
<
kbd
>
ctrl + p
kbd
>
鍵打開(kāi)打印窗口。
p
>
嘗試一下 ?
Foundation
<
hr
>
嘗試一下 ?
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
微信二維碼
微信二維碼
移動(dòng)版官網(wǎng)