今天完成的事情：

弄完了task6的东西。本应该2天就完成的事情我拖到了3天，被同事来拉出去玩了，心里很羞愧。看了看task7的情况，虽然task7我还没考虑好怎么写，但是我突然想通了之前的一个关于图片变暗的问题，灵光一闪，等下边收获说。初步看了看轮播。

明天计划的事情：

研究好task7的页面，看看要用什么单位来写，用了哪些知识点，先写出一个来再说。

遇到的问题：

今天写的比较顺利吧，还没遇到什么大问题。不过对于task6感觉没做出任何互动的效果，感觉怪怪的，只是在写这个页面，感觉并没有什么与人的主观交互方面的东西，感觉怪怪的。

还有一个问题是在第三哥页面中下边那个按钮怎么弄成不透明的。我在按钮里设置了opacity：1

但还是不透明的，没有把父元素中的opacity：0替换掉吗？ 后来明白了，在下边的收货中。

收获：

我设置了字间距

letter-spacing来设置字与字间距_字符间距离，字体间距css样式

text-indent设置抬头距离css缩进

http://www.divcss5.com/rumen/r75.shtml （css 字间距、CSS字体间距、css 字符间距设置案例分析）

对于刚刚提到的灰度透明度这个东西。让一个图片变暗就在这个图片上边加一个background为black并且opacity为0.5左右的模块，定位定到图片的上方。这样就实现了图片变暗的效果，不知道正统不正统。关于这个opacity，原来这只是css3 filter十中特效之一。

http://www.w3cplus.com/css3/ten-effects-with-css3-filter

然后关于上边问题中提到的，子元素也透明，确实是会透明，只有另外写一个div来装这个内容，然后再定位，才会不透明。

刚才提到的让图片变暗，但是呢，这就会遇到一个问题，这个图片的上边先有了一个模块，然后我后来才想把图片变暗，但是直接写上边这一层改变透明度的模块就会把图片上那个模块也盖住，所以我就找到了这个： z-index   

设置style 中 z-index:autoauto可定义为一个值(整数数字)，越大代表越置前，如可定义为： z-index:999。

若定义为-1，代表为最底层。div的图层由div的style中的z-index来决定，z-index是层垂直屏幕的坐标，

0最小，越大的话位置越靠上。有这个可以在那个代码块中直接填上去，把他弄到上边来，省的盖住他了。