关注微信公众号 太平洋学习网 扫描二维码
最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

分享一个google material design开发api文档学习网站

HTML5 admin 浏览 评论

 之前在网上看到的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组件呢?如图所示。

QQ截图20171009224105.jpg

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组件学习就可以了,很简单的。

QQ截图20171009225125.jpg

注意:如果这都学不会你就无药可救了哦!

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/html5/2017/1009/267.html

    与本文相关的文章