简介:Foundation 6是一款非常流行的开源UI框架, 提供了响应式布局,一系列UI组件,包括按钮,表单,导航等多类现成的控件。适合进行快速原型和产品开发。它基于SASS的实现方式,也方便开发者进行定制化设计和扩展开发。本教程分两部分进行了详细讲解。
第1章 容器
本章主要介绍多种常用的内容容器,包括提示面板,下拉框,表格,模态弹窗,选项卡,可折叠面板,多媒体对象容器,可隐藏菜单等。结合代码实例,可以快速掌握它们的使用方式,了解一些要注意的问题。
第2章 按钮与其他控件
本章课程主要涉及按钮button的基本使用,涉及其颜色和大小的设置,分组按钮及其大小等属性的设置;下拉按钮,关闭按钮的设置;滑块组件slider的使用,方向设置,数据绑定等的设置;开头组件switch的使用。
第3章 插件
本章介绍了几种Foundation提供的插件,可以方便的进行一些前端页面设计,实现特定的功能和效果。
第4章 使用Sass开发Foundation项目
通过本课程,将学习和理解如何结合Sass进行Foundation项目的开发,使用Sass的特性快速进行组件的样式设置。
第5章 Foundation开发资源
本章课程介绍了一些实用的Foundation相关资源,可以方便在实际开发中进行参考和借鉴。