发表于: 2016-08-09 23:33:51

1 1547


今天完成的事情:1、把九宫格的任务完成,做了自适应处理。不也遇到一个小插曲,用edge和chrome能正确查看,但是360却不行,最后发现360用的是兼容模式,也就是兼容了更低的内核版本。

                              2、看完了git的基础知识并跟着操作了一遍,接着使用gittadk1的代码上传到了gitHub

                                  3、购买了云服务器,然后上传了task1-1.html,并能进行访问。

                                  4、下载了PS并跟着视频学习图片处理。


明天计划的事情:1、完成task3任务。

                                  2、学习PS切图。


遇到的问题: 1、九宫格自适应处理搞了很久一直没成功,最后翻阅学长的日志才发现有个地方理解错从而编写错误。


.sudoku{width:40%;padding-left:30%}

.grid{ 

width:32.33%; 

height:32.33%; 

padding-top:32.33%; 

background-color:orange; 

margin:0.5%; 

float:left; 

border-radius:10%;

}


grid的width×3+margin×6=100%,height×3+ margin×6=100%,而这个100%我一直当作整个浏览器页面的100%,其实应该是父级的100%,也就是浏览器的40%。原来使用像素px的时候倒是能想到,换成百分比这个弯没绕过来。

                          2、padding-top:32.33%

这句话说实话我没有理解进去,这也是我自适应很久没成功的原因之一,因为在使用px时并没有这句代码。(师兄解答:使用像素时我的父级规定了高度,所有子级高度可以设置。而网页高度无限大,没办法设置百分比高度,所以代码中height32.33%无效……师兄别走,你还没说不能用htight后为何用padding-top就行)。

                         3、使用git时,创建远程仓库设置错误倒置一直无法上传代码,反复调试后成功,原因是github创建仓库时选择了多余选项,重新建仓后更改仓库即可。

                          4、F12能看代码,却不知道怎么调试。

        

收获: 感觉自己每天都在进步,虽然没有对比参照物,但是每次学到东西和完成任务都能得到满足。



返回列表 返回列表
评论

    分享到