Windows8 Metro 初体验

来源:互联网 发布:画画游戏启蒙软件 编辑:程序博客网 时间:2024/06/10 08:22

Why use the metro

撸主正在进行毕业论文的赶写,本来就像实现win8的磁贴效果,经过非常多的寻找,最终确定了Metro UI CSS 这个框架,在github上可以随便下载的,并且也非常优秀。

Metro UI CSS 2.0

Metro UI CSS a set of styles to create a site with an interface similar to Windows 8.
简单来说这就是一个能够快速开发出metro风格的框架。
点击访问官网

5步开始自己的metro开发

官方介绍

实际上只需要4步
1.通过HTML5 DOCTYPE创建一个页面
2.引入metro-bootstrap.css文件
3.引入metro.min.js (jquery.js也被要求引入)
4.通过类metro创建一个主框架

<!DOCTYPE html><html>    <head>        <link rel="stylesheet" href="css/metro-bootstrap.css">        <script src="js/jquery/jquery.min.js"></script>        <script src="js/jquery/jquery.widget.min.js"></script>        <script src="js/metro/metro.min.js"></script>    </head>    <body class="metro">        ... markup page ...    </body></html>

结束语

撸主个人感觉这个Metro UI CSS 2.0的用法和markdown编辑器一样,入门简单,并且非常方便,欢迎各位研究这个的一起探讨

0 0
原创粉丝点击