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