最新消息:关注【已取消】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

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

HTML5 admin 0浏览 评论

 之前在网上看到的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/267.html
"文章很值,打赏犒劳作者一下"
微信号: Javaweb_engineer

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论