今天完成的事情：写了task6的第二个页面。很多东西跟昨天的知识点一样。不过今天看了一个师兄做的页面后，他的每个框框下边的那四个小图标可以隐藏，鼠标放上去之后会显示出来，然后我就去找这个方法，终于弄出来了。

这是没有指针的样子这是鼠标指上去的样子。

明天计划的事情：现在还不到8点，先写下日报，待会可能继续下个页面，也可能有别的事情。

遇到的问题：只看psd图的话找不到字体，百度了方法，不是很明白。还有一个大问题，这个里边用到了雪碧，但是到底什么是雪碧，越看越模糊，到底是背景图片的定位还是用那种工具直接合成一个图片，再普通使用。不过如果做背景的话刚才我说的隐藏属性的应该用不了了。待会没事的话还要搞一下这个雪碧，好烦躁。

收获：hover与transition与opacity

transition就是变之前与变之后经历的时间（下边是w3c上的还有浏览器兼容问题）

transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari 和 Chrome */
-o-transition: width 2s; /* Opera */

opacity是透明度，这个透明度对背景，对其中的文本都有效。

对于我那个效果我用的是hover实现的，先写一个父元素，然后写一个opacity为0的子元素，再写父元素名称：hover 子元素名称{opacity：1}就可以实现那个效果。

我是看了一个网站的内容为了防止被骂我就不贴代码了，其实只有一段代码，我还是贴链接吧：

http://www.th7.cn/web/html-css/201510/128954.shtml（css中将鼠标放到一个div上显示出另一个隐藏的div

贴图：

github：https://github.com/cmcesummer/task.git