Windows8 Metro 初体验

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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值