在前面的文章中，已经给大家简单讲解过原生js实现别踩白块小游戏的源代码中html部分。感兴趣的朋友可以参考《原生js实现别踩白块小游戏（一）》和《原生js实现别踩白块小游戏（二）》。
下面我们继续结合其源代码，给大家介绍css和JS部分。
CSS代码如下：
其实css部分是非常简单的，需要大家注意的就是overflow: hidden样式属性，也就是溢出隐藏的效果。这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。设置其值为hidden，则表示内容会被修剪，并且其余内容是不可见的。
JS代码如下：
js就是让整个静态页面动起来的主要部分。其实现思路也很简单，先获取div元素，让div动起来，动态创建Div，动起来后填补缺失的div，随机创建有颜色的方块，绑定点击事件，点击判断输赢，游戏结束后的限制处理，有颜色方块触底的处理，还有加分加速的处理。
由于篇幅的原因，本篇文章就是先关于原生js实现别踩白块小游戏中css和js部分的简单介绍，那么在后期的文章中，我们会重点讲解其js部分的代码实现方法。
