今天完成的事情：1、制作小课堂；            

                           2、基本完成任务一，已实现随机选取三个格子，并显示随机颜色，点击按钮开始执行，点击按钮结束执行的基本功能。

明天计划的事情：继续完善任务一。

遇到的问题：点击按钮，会叠加事件，正在想办法限制点击次数。 

收获： setTimeout(延时定时器) 的作用是在指定时间内执行一个任务。

           setInterval(间歇延时器) 的作用是以指定时间周期性的执行任务。        

           clearTimeout(定时器id) 清除延时定时器

           clearInterval(定时器id)  清除间歇定时器

 RGBA是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha的色彩空间，也就是透明度/不透明度。

 A：透明度。取值0~1之间,取值为0，那它就是完全透明的（也就是看不见的），而数值为,1则意味着一个完全不透明的像素。

 opacity: value|inherit（value:规定不透明度），从 0.0 （完全透明）到 1.0（完全不透明）。

               opacity从父元素继承 opacity 属性的值。

  rgba和opacity的区别：          

 opacity会继承父元素的 opacity 属性，而RGBA设置的元素的后代元素不会继承不透明属性。

  即可以单独为被设置的元素设置透明度，而子元素而不受该设置影响。

display：none和visibility：hidden的区别：

visibility：hidden:隐藏元素并且占据该元素原来的空间。子级设置visible后不受父级影响。<br>

display：none:隐藏元素但不占据该元素原来的空间。父级设置值为none后，无论子级设置任何值都无法显示。