之前在网上看到的google material design学习网站都是一些material design的设计规范,并没有涉及到material design api文档学习资料,很是恼火,光知道规范没有学习代码有啥用啊?于是我在google上找,终于找到了国外的一个学习网站,知道了material design怎么用了,下面将教各位如何使用它。
1:首先登录material design lite官网:https://getmdl.io/started/index.html,下载material design相关的css与js,不下载这些怎么使用它的components组件呢?如图所示。
2:导入material design规范的css样式文件与js文件,路径请根据你项目的实际情况,代码如下所示。
<link rel="stylesheet" href="./material.min.css"> <script type="text/javascript" src="./material.min.js"></script> //这个google字体可以直接从网络中加载 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
3:请照着material design规范文档编写代码,material design lite中提供了大量的html组件学习,可以进入:https://getmdl.io/components/index.html 学习,照着上面提供的components组件学习就可以了,很简单的。
注意:如果这都学不会你就无药可救了哦!