Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。

Foundation 默认设置

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

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

Foundation 文字排列设计

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

–

Foundation 渲染的 HTML 标题 (

到

) 如下所示:

实例

h1 标题
h2 标题
h3 标题
h4 标题
h5 标题
h6 标题

提示： 如果需要创建一个浅色的标题，可以在元素上添加 .subheader 类:

实例

h1.subheader
h2.subheader
h3.subheader
h4.subheader
h5.subheader
h6.subheader

在 Foundation 中， HTML 元素用于创建一个浅色的副标题：

实例

h1 heading secondary text
h2 heading secondary text
h3 heading secondary text
h4 heading secondary text
h5 heading secondary text
h6 heading secondary text

Foundation 元素的样式如下所示：

实例

这是一个 "#">链接。

Foundation 元素的样式如下所示：

实例

The "World Health Organization">WHO was founded in 1948.

 

Foundation

 

元素的样式如下所示：

实例

 
学的不仅是技术，更是梦想！
 菜鸟教程

 

Foundation

 

元素的样式如下所示：

实例

 
Coffee
 
- black hot drink
>
 
Milk
 
- white cold drink

Foundation 元素的样式如下所示：

实例

以下 HTML 元素: span, section, 和 div是文档的一部分。

Foundation 元素的样式如下所示：

实例

按下 ctrl + p 键打开打印窗口。

---

Foundation

---

元素的样式如下所示：

实例

以上就是良许教程网为各位朋友分享的Linu系统相关内容。想要了解更多Linux相关知识记得关注公众号“良许Linux”，或扫描下方二维码进行关注，更多干货等着你 ！