今天完成的事情：

       1.完成了task7-3，游戏结果。花了很多时间在美化上面。

       2.关于文字排版布局，设置相同的外距，再使用text-align:justify两端对齐，就能使中间的文字换行的时候直接从最左端开始了。

       3.实现背景透明，文字不透明。

         实现透明的css方法通常有以下3种方式，以下是不透明度都为80%的写法

           css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.

           css3的rgba(red, green, blue, alpha)，alpha的取值从 0 到 1，如rgba(255,255,255,0.8）

           IE专属滤镜 filter:Alpha(opacity=x)，x 的取值从 0 到 100，如filter:Alpha(opacity=80)

        4.定宽或不定宽与自适应的布局。

           一.float+margin,但只能设置定宽与自适应两列布局，无法拓展至不定宽与自适应两列布局。

            二.float+overflow,能够用于不定宽与自适应两列布局。

            三.table

            四.flex布局.

         5.修补了task7-2在小分辨率设备上方块过小的问题。

明天计划的事情：

          完成任务8.

问题：

         文字缩放问题：需要用到flex布局，justify-content:flex-start主轴左对齐，flex-wrap:wrap换行，align-items:center项目位于flex容器的中心，word-spacing:段落字间距。

收获：

          各种细节方面需要注意，每个细节都是一个知识点。