建站
咨詢
售后
建站咨詢
新聞中心
Foundation 文本
Foundation 默認(rèn)設(shè)置
Foundation 使用瀏覽器默認(rèn)字體大小 (font-size:100%)。對于大多數(shù)桌面瀏覽器來說，字體默認(rèn)為 16px。對于大多數(shù)移動端瀏覽器來說，字體默認(rèn)為 12px。默認(rèn)的字體為 "Helvetica Neue"， line-height 默認(rèn)為 1.5。
創(chuàng)新互聯(lián)專注于企業(yè)成都營銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、泌陽網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁面制作、商城系統(tǒng)網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為泌陽等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
以上默認(rèn)的設(shè)置均是針對 元素。
Foundation 文字排列設(shè)計
本章節(jié)我們將討論 Foundation 的文字排列設(shè)計。
以下實(shí)例的真實(shí)樣式請通過點(diǎn)擊"嘗試一下"按鈕查看。
-
Foundation 渲染的 HTML 標(biāo)題 ( 到 ) 如下所示:
實(shí)例
<
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
>
嘗試一下 ?
提示：如果需要創(chuàng)建一個淺色的標(biāo)題，可以在元素上添加 .subheader 類:
實(shí)例
<
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)建一個淺色的副標(biāo)題：
實(shí)例
<
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
>
嘗試一下 ?
實(shí)例
<
p
>
這是一個
<
a
class
=
"
a
"
href
=
"
#
"
>
鏈接
a
>
。
p
>
嘗試一下 ?
Foundation 元素的樣式如下所示：
實(shí)例
<
p
>
The
<
abbr
title
=
"
World Health Organization
"
>
WHO
abbr
>
was founded in 1948.
p
>
嘗試一下 ?
Foundation 元素的樣式如下所示：
實(shí)例
<
blockquote
>
<
p
>
學(xué)的不僅是技術(shù)，更是夢想！
p
>
<
cite
>
菜鳥教程
cite
>
blockquote
>
嘗試一下 ?
Foundation
實(shí)例
<
dl
>
<
dt
>
Coffee
dt
>
<
dd
>
- black hot drink
dd
>
<
dt
>
Milk
dt
>
<
dd
>
- white cold drink
dd
>
dl
>
嘗試一下 ?
Foundation 元素的樣式如下所示：
實(shí)例
<
p
>
以下 HTML 元素:
<
code
>
span
code
>
,
<
code
>
section
code
>
, 和
<
code
>
div
code
>
是文檔的一部分。
p
>
嘗試一下 ?
Foundation 元素的樣式如下所示：
實(shí)例
<
p
>
按下
<
kbd
>
ctrl + p
kbd
>
鍵打開打印窗口。
p
>
嘗試一下 ?
Foundation
實(shí)例
<
hr
>
嘗試一下 ?
分享名稱：創(chuàng)新互聯(lián)Foundation教程：Foundation文本
URL標(biāo)題：http://fisionsoft.com.cn/article/ccoeooh.html
