Foundation 起步介绍 |
您所在的位置：网站首页 › foundation教程 › Foundation 起步介绍 |
Foundation 起步介绍
|
导读
Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。
Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。
Foundation 是一个以移动优先的流行框架。
什么是响应式网页设计？ 响应式Web设计(Responsive Web design)的理念是： 页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。 从哪里下载 Foundation?你可以通过以下两种方式来获取 Foundation： 1、从官网下载最新版本：http://foundation.zurb.com/。 2、使用菜鸟教程官网提供的CDN（推荐）： 本站静态 CDN 基于阿里云服务。 Foundation 使用 CDN 的优势: Foundation 使用 CDN 提高了企业站点(尤其含有大量图片和静态页面站点)的访问速度，并大大提高以上性质站点的稳定性 为什么使用 modernizr? Some Foundation 的组件使用了比较前前沿的 HTML5 和 CSS3 特性，但不是所有浏览器都支持。 Modernizr 是一个用于检测用户浏览器HTML5和CSS3特性的JavaScript库 - 让组件能在所有浏览器上正常运行。 使用 Foundation 创建页面 1. 添加 HTML5 doctypeFoundation 使用 HTML 元素和 CSS 属性，所以需要添加 HTML5 doctype 文档类型声明。 同时我们可以设置文档的语言属性 lang 及字符编码： 2. Foundation 5 移动优先Foundation 5 为移动设备的响应式设计。框架的核心是移动优先。 为了确保页面可自由缩放可以在 元素中添加以下 标签: width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。 3. 初始化组件一些 Foundation 组件是基于 jQuery 开发的，如：模态框、下拉菜单等。你可以使用以下脚本来初始化组件： $(document).ready(function() { $(document).foundation();}) 基本 Foundation 页面如何创建一个基本的 foundation 页面: Foundation 实例 Foundation 页面 重置窗口大小，查看效果！ 我是按钮! 菜鸟教程 学的不仅是技术，更是梦想！！！ 菜鸟教程 学的不仅是技术，更是梦想！！！ 菜鸟教程 学的不仅是技术，更是梦想！！！原文来自：https://www.runoob.com/foundation/foundation-get-started.html 本文地址：https://www.linuxprobe.com/introduction-of-foundation.html编辑：王浩，审核员：逄增宝 Linux命令大全：https://www.linuxcool.com/ Linux系统大全：https://www.linuxdown.com/ 红帽认证RHCE考试心得：https://www.rhce.net/ 为您推荐一些与本文相关的文章：快递背后的黑科技，你造吗？把你的火狐浏览器改成Chrome样式LineageOS 正式发布 16.0 版XML 树结构概述如何使用 Kali Linux 黑掉 Windows大数据Spark集群模式配置阿里含光800采用7nm工艺2015年出现的十大流行 Python 库Google 发布了视觉套件Linux 4.10 将带来深远影响的三项小改变 相关文章[点此投稿]
Windows中文件夹与linux中目录的区别
2022-01-20
0 个评论
利用SSH隧道加密技术隐蔽C&C通信流量
2019-07-29
0 个评论
3个实例介绍shell脚本中几个特殊参数的用法
2021-03-05
0 个评论
mysql/mariadb：数据库变量（参数）管理
2021-03-28
0 个评论
企业级安装与配置Harbor镜像管理系统
2020-06-19
0 个评论
转载必需保留本文链接: https://www.linuxprobe.com/introduction-of-foundation.html 本文依据CC-BY-NC-SA 3.0协议发布,竭诚为读者提供Linux视频教程、Linux学习资料以及红帽考试资料等优质学习资源。 |
【本文地址】
今日新闻 |
推荐新闻 |