codecamp

Material Design Lite 概述

什么是Material Design Lite ?

Material Design Lite ,MDL是使用CSS,JavaScript和HTML创建了一个UI组件库。 MDL UI组件有助于构建有吸引力的,一致的,功能性的网页,并同时秉承现代网络设计原则像浏览器的便携性,设备独立性,以及优雅降级的Web应用程序。

是它的一些主要特点如下:

  • 内置响应设计。

  • CSS标准以最小的足迹。

  • 包括常见的用户界面控件的新版本,如按钮,复选框,文本字段,它们适于跟随材料设计概念。

  • 包括加强和专门的功能,如卡,列布局,滑块,纱厂,标签,排版等。

  • 可以有或没有任何库或开发环境中使用。

  • 跨浏览器,并且可以用于创建可重用Web组件。

  • 免费使用

响应式设计

  • Material Design Lite 已内置响应设计,使使用Material Design Lite 创建的网站将重新设计本身根据设备尺寸。

  • Material Design Lite 类,该网站可以适应任何屏幕大小这样的方式创建的。

  • 使用Material Design Lite 创建的网站是与PC,平板电脑和移动设备完全兼容。

标准的CSS

  • Material Design Lite 只使用标准的CSS,这是非常容易学习。

  • 没有任何外部JavaScript库,如jQuery的没有依赖性。

扩展

  • Material Design Lite 是由设计非常简约而平坦。

  • 它的设计考虑的事实,这是很容易添加新的CSS规则,而不是覆盖现有的CSS规则。

  • 它支持阴影和大胆的色彩。

  • 在颜色和阴影仍然在不同平台和设备一致。

而最重要的是,它是完全免费使用。


Material Design Lite 教程
Material Design Lite 安装环境
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Material Design Lite Useful Resources

关闭

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; }