基础 CSS 介绍
Foundation 是由 ZURB 于 2011 年 9 月创建的开源和响应式前端框架,可以轻松创建可在任何设备上运行的令人惊叹的响应式网站、应用程序和电子邮件。许多公司,如 Facebook、eBay、Mozilla、Adobe,甚至迪士尼,都在使用它。该框架基于bootstrap,类似于SaaS。它更加复杂、通用且可配置。它还带有一个命令行界面,使其易于与模块捆绑器一起使用。电子邮件框架为您提供响应式 HTML 电子邮件,可以在任何设备上阅读。 Foundation for Apps 允许您构建完全响应的 Web 应用程序。
特征:
- 包括 XY 网格: Foundation 中的默认网格系统允许开发人员根据水平和垂直位置控制布局。
- 平滑滚动注释:此功能包含内置 JavaScript 代码,以便将“平滑滚动”属性添加到网页内的特定链接或任何链接。
- 更简单的原型制作:它促进了有助于加快原型制作过程的内置功能。
句法:
Hello Geeks
安装Foundation:我们可以使用以下任何一种方法来使用Foundation:
方法一:访问基金会官方文档https://get.foundation/,点击下载全部按钮,离线使用基金会。
方法 2:在 head 标签内使用以下 CDN 链接。
现在让我们通过一个例子来了解基础的工作。
示例:此示例说明了使用 CSS Foundation 的类来制作博客网页。
HTML
GeeksforGeeks Blogs
Java blog 3/6/2021
Java syntax is similar to C/C++. But
Java does not provide low level
programming functionalities like
pointers. Java is one of the most
popular and widely used programming
language and platform. A platform
is an environment that helps to
develop and run programs written
in any programming language.
Python blog 18/8/2021
Python is a high-level, general-purpose
and a very popular programming language.
Python programming language (latest Python
3) is being used in web development,
Machine Learning applications, along with
all cutting edge technology in Software
Industry.
输出:
优点:
- 它是开源的,并有良好的社区支持。
- 它易于使用,但您必须对 HTML 和 CSS 有基本的了解。
- 它提供了各种模板,您可以使用这些模板以更少的努力来制作您的网站。
缺点:
- 初学者可能需要一些时间来学习。
- 与其他可用框架相比,它提供的主题非常少。