创新互联Foundation教程：Foundation文本
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 元素用于创建一个浅色的副标题：
实例
<
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
>
尝试一下 »
当前文章：创新互联Foundation教程：Foundation文本
网站网址：http://zsjierui.cn/article/ccoeooh.html