摘要：
之所以叫番外篇，是因为这章是不算在学习进度里面的，这一章理由前面学习的相关知识进行仿造Metro UI进行DIV+CSS的布局练习。本次练习的代码含有js运行效果，所以想要看到完美的效果，请尽量在IE以外的浏览器进行测试。因为是一次普通的练习，所以并没有刻意针对IE做兼容。用IE运行，不影响css效果，但js效果运行会非常的……怎么说啦….反正坑爹就是了。 先看看要达到的效果：额….虽然说是Metro风格有那么一点点牵强，不过细节什么的就不用在意啦….我们来分析一下，像这样的界面要怎么做。首先，我们一眼就可以发现，页面上的DIV数量如果不经过大脑去数的话，为16个…不过因为拼图区域是居中在显. 阅读全文