发表于: 2016-08-09 23:33:51
1 1546
今天完成的事情:1、把九宫格的任务完成,做了自适应处理。不也遇到一个小插曲,用edge和chrome能正确查看,但是360却不行,最后发现360用的是兼容模式,也就是兼容了更低的内核版本。
2、看完了git的基础知识并跟着操作了一遍,接着使用git将tadk1的代码上传到了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时并没有这句代码。(师兄解答:使用像素时我的父级规定了高度,所有子级高度可以设置。而网页高度无限大,没办法设置百分比高度,所以代码中height:32.33%无效……师兄别走,你还没说不能用htight后为何用padding-top就行)。
3、使用git时,创建远程仓库设置错误倒置一直无法上传代码,反复调试后成功,原因是github创建仓库时选择了多余选项,重新建仓后更改仓库即可。
4、F12能看代码,却不知道怎么调试。
收获: 感觉自己每天都在进步,虽然没有对比参照物,但是每次学到东西和完成任务都能得到满足。
评论