Foundation 文本

Foundation 默认设置

Foundation 使用浏览器默认字体大小 (font-size:100%)。对于大多数桌面浏览器来说，字体默认为 16px。对于大多数移动端浏览器来说，字体默认为 12px。默认的字体为 "Helvetica Neue"， line-height 默认为 1.5。

创新互联专注于企业成都营销网站建设、网站重做改版、泌阳网站定制设计、自适应品牌网站建设、H5页面制作、商城系统网站开发、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为泌阳等各大城市提供网站开发制作服务。

以上默认的设置均是针对 元素。

Foundation 文字排列设计

本章节我们将讨论 Foundation 的文字排列设计。

以下实例的真实样式请通过点击"尝试一下"按钮查看。

-

Foundation 渲染的 HTML 标题 (

到

) 如下所示:

实例

<
h1
>
h1 标题
h1
>

<
h2
>
h2 标题
h2
>

<
h3
>
h3 标题
h3
>

<
h4
>
h4 标题
h4
>

<
h5
>
h5 标题
h5
>

<
h6
>
h6 标题
h6
>

尝试一下 »

提示：如果需要创建一个浅色的标题，可以在元素上添加 .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 元素用于创建一个浅色的副标题：