codecamp

Materialize 概述

什么是Materialize?

Materialize是一个使用CSS,JavaScript和HTML创建的UI组件库。实现可重用的UI组件有助于构建有吸引力,一致和功能的网页和Web应用程序,同时坚持现代网络设计原则,如浏览器可移植性,设备独立性和优雅的降级。

其中一些主要特点如下:

  • 内置响应设计。

  • 标准CSS,占地面积最小。

  • 包括新版本的通用用户界面控件,如按钮,复选框和文本字段,这些控件适用于材料设计概念。

  • 包括增强和专门的功能,如卡,标签,导航栏,toasts等。

  • 需要jQuery javascript库才能正常工作。

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

  • 免费使用

响应式设计

  • Materialize具有内置的响应式设计,以便使用Materialize创建的网站将根据设备大小重新设计自己。

  • Materialize类的创建方式使网站可以适合任何屏幕尺寸。

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

可扩展

  • Materialize是设计非常简约而平坦。

  • 它的设计考虑到添加新的CSS规则比覆盖现有的CSS规则容易得多。

  • 它支持阴影和粗体颜色。

  • 颜色和色调在各种平台和设备上保持一致。

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

Materialize 环境设置
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

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