Foundation教程01-Foundation的认识和安装

本文是一篇关于Foundation前端框架的入门教程,介绍了Foundation的特点:响应式、移动优先且免费,并提供两种下载方式:通过CDN或下载文件引用。在学习教程前需掌握HTML、CSS、JS基础。内容包括如何下载、引用jQuery、添加modernizr.js、HTML5标识及初始化组件。
摘要由CSDN通过智能技术生成

Foundation是一款前端框架。
Foundation是一款响应式的前端框架。
Foundation是一款响应式且移动优先的前端框架。
Foundation是一款不但响应式且移动优先,而且免费的移动框架。
Foundation是一款不但响应式且移动优先,而且免费的移动框架,用来快速开发。

本教程参考两个地方,官方文档(English)和菜鸟教程(Foundation5.5.3)。
本人的教程是自己总结的,带有幽默性(滑稽),所以你不要在吃饭时看,免得喷出来,和我无关。。。
官方文档位置:https://get.foundation/sites/docs/installation.html如果你英语好的,你可以看一下。来自百度翻译的会和你说的
菜鸟教程地址:https://www.runoob.com/foundation/foundation-tutorial.htmlhttps://www.runoob.com/foundation/foundation-get-started.html
在看本教程前,请注意,您应该学会HTML,CSS,JS三种最重要的语言。如果你没学过就来看,我也当你没有办法。
该教程欢迎转载。但是要注明链接地址。

该教程也在我的博客园出现,如果可以,请看我的博客园,因为那里,我有显示的地方。但是请注意:必须开启“运行脚本”,不然,后果自负。
在这里插入图片描述

文件截图自菜鸟教程

怎么下载Foundation?

有3种方式。这里只说2种。第三种先透露一下,是通过命令行的方式来安装的。

  1. 通过Foundation的CDN来下载;
  2. 通过下载Foundation的文件并且头部引用,FTP时整个文件上传。

这里给大家看看流程图:(1)

头部引用
上传
官网CDN链接
文档
您的虚拟主机

(2)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值