发表于: 2016-04-01 22:44:31

1 2014


今天完成的事情:

  今天没有做新的任务,只要是解决前面遗留的一些问题。今天上午看了一上午关于linebox,inlinebox,line-height,vertical-align等相关的知识,基本上算是把他们之间的关系理出点头绪。知道到为什么又是用vertical-align可以有时候有没效果。。。我觉得这里讲的很详细:http://www.jnshu.com/#/skill/class/detail//114/css/1/user/write/114/css/1#1

  上午优化了下task6-1,底部的圆点我直接用的图片,原来用border-radius就可以实现了。

  优化了下task6-2,之前一直不懂雪碧图,恩,看了一天的资料算了明白了。。大概就是把小图标整合为一张图来减少http请求数。。。我昨天还说自己用四个小图标,他们为啥用一个图片就完成了。。。更多资料可以看下百科的介绍,感觉很详细。

http://baike.baidu.com/link?url=H7Jt4SVmS2iAu-Jl49LIIRsM0Rrhp55cxHSGS7DYYesNnpMyR7MHbkULuuV9pnAMBkwHUKRfYPFrfMuN2qK00_

  使用了vertical-align来让一行中中的图片和文本居中对齐,而不是之前写的通过设置边距来居中对齐。

  task6-3使用一个新的属性值RGBA(),这个可以改变背景的不透明度,同时不影响其上部的子元素的不透明度。。。额,我就说怎么实现task6-3中的背景透明而其上面的按钮又不透明呢。

http://www.w3cplus.com/content/css3-rgba

下午到晚上一直在按论坛的教程配置系在的那个smartsprite,但是始终显示错误用不了、、。。真是崩溃了。。

 

不知道到底哪儿错了、。。。。。好纠结、、。。

计划的事情:开始task7了,相信一边学习前面很多问题会慢慢解开。。看会儿task7睡觉。

问题:嗯,遇到的问题就是上面那个。

收获:又学了一些新知识,知道了什么是雪碧图及一些简单的用法。 

我的task6,希望有空的师兄和童鞋们能看下指导下:

119.10.57.69/ptt001/task6-1.html

119.10.57.69/ptt001/task6-2.html

119.10.57.69/ptt001/task6-3.html


返回列表 返回列表
评论

    分享到