下载APP 随时随地学编程
返回 首页

Materialize教程

开始阅读
手册说明:

Materialize教程

Materialize是一个使用CSS,JavaScript和HTML创建的UI组件库。实现UI组件有助于构建有吸引力,一致和功能的网页和网络应用程序,同时坚持现代网络设计原则,如浏览器可移植性,设备独立性和优雅的降级。它有助于创建更快,更美观,更灵敏的网站。它的灵感来自Google Material Design。

适用人群

本教程面向希望学习Material Design Lite基础知识的专业人员,以及如何使用它来创建更快,更美观,更灵敏的网站。本教程解释了Material Design Lite的所有基本概念。

学习前提

在继续本教程之前,您应该对HTML,CSS,JavaScript,文档对象模型(DOM)和任何文本编辑器有基本的了解。此外,如果您知道基于Web的应用程序如何工作,它将有所帮助。


目录

Materialize 教程

Materialize 概述
Materialize 环境设置
Materialize 颜色
Materialize 网格
Materialize 助手
Materialize 多媒体
Materialize 阴影
Materialize 表格
Materialize 排版
Materialize 徽章
Materialize 按钮
Materialize 面包屑
Materialize 卡片
Materialize chip
Materialize 集合
Materialize 页脚
Materialize 窗体
Materialize 图标
Materialize 导航栏
Materialize 分页
Materialize 预加载器
Materialize 可折叠
Materialize 对话框
Materialize 下拉框
Materialize 选项卡
Materialize 波浪特效

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }