发表于: 2017-07-27 21:39:26
1 675
今天完成的事情:(7.24-7.27)
1、继续添加样式,以float浮动的方式布局,使其组合为九宫格
2、查看学习资料--《chrome开发者工具——chrome开发者工具》
3、使用Chrome的开发者工具(F12/Ctrl+shift+I),调试页面
4、编码实战)进一步修改样式,使九宫格大小可以随屏幕宽度改变,初步体验自适应
5、查看学习资料--《viewport——什么是viewport》
6、并使用它对html进行优化,适配移动设备
7、使用Chrome的开发者工具(F12/Ctrl+shift+I),模拟手机访问网页
8、访问github注册一个帐号(也许需要学习一下如何科学上网)
9、查看学习资料——《github——怎样使用Github》
10、在github上创建一个项目task1
11、将项目clone到本地
12、在本地项目中编写任务代码
13、安装git软件
14、查看学习资料——《git——Git教程》
15、将本地代码先add到版本管理中,再commit提交,最后push到服务器
明天计划的事情:
搭建svn服务器
遇到的问题:
1、做了leftaquare、middlesquare和rightsquare。float分别设置为left、left、right。width分别设置为:30%,30%,30%。margin分别设置为:margin: 1.5vw;margin: 1.5vw 1.9vw;margin: 1.5vw;。不明白为什么中间的margin不能设置为2vw,设为2vw之后右边的square就会跑到下面去。这样width+左右的margin就会加起来正好为100%。中间的quare也会正好在中间。现在这样中间square的右边的空隙实际上是比左边的要大0.2vw的。不知道这个问题怎么解决。暂且只能做到这样了。
2、github已经装好了,代码也通过github进行版本控制。不明白为什么还要下载svn。两个版本控制不是多余的吗?请问可以是安装github吗?收获:
学到了自适应、viewport等概念。完成了github环境的设置以及学习
评论