发表于: 2017-03-23 14:22:35

1 678


今天完成的事情:

任务一总结

任务一九宫格就是一个大的div包9个小的div
1.对于大的先居中,居中有margin和text-align,两者一个是对相邻元素居中,一个是对元素内的内容居中。

2.关于width和height以及盒子的margin和padding
若是固定,则可以设置width和height为固定,子元素的%width和height对应,height有用。
若是自适应,则之用设置width %,而height没用,子元素的%都是按照width来的,不论宽高。盒子margin和padding也是。
所以对于这个做自适应的九宫格,不能用height后就只能用width+padding或者不用width而直接都用padding。因为父元素没有设置高度,一浮动用height的话不对。这里用了浮动的话要防溢出加个overflow

margin的重叠
只有在不用float,正常文档流中两个盒子之间的margin会发生重叠,三种情况:全正或全负则取绝对值大者,有正负就差值。
在float和absolute以及设置了inline-block则不会发生重叠。
所以这里九宫格之间是不会有重叠的。

所以可以算出每个元素各占多少%,计算准。当初我是偷懒就没铺满,所以就算用了margin 这个肯定不对,是对父元素,那么text-align这个也不对,因为float向左浮动了,没效果了。因为text-align:left是指文字的对齐是左对齐,是相对文字的.float:left指的是块的"浮动"属性,最初用来文字环绕的,所以文字在他右边。

3.clear和overflow的区别,
overflow是对父元素设置,若父设置了宽高,则子元素不能超出父,清除溢出,若父没有限制,则子元素是撑开父元素。
float则是对父元素中的用了float的子元素设置清除浮动,加一条在父元素结束之前,你要清除浮动的所有元素之后,不用每个元素之后加那反而不对。

4.背景色 圆角就照常设置

--------------------------------------------------------------------------------------------------------------


关于任务二结论

还是用webstorm管理github不用git了

1.git的安装 使用,参看廖雪峰http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
首先git config --global user.name
git init add commit
git status diff
git remote add origin git@
这里可以用git remote rm origin删了链接再重新添加。

最后可以push,这里我老是SSH出问题,但用下面的webstorm管理github就没问题。所以还是建议用webstorm。

不过要是实在不会的可以直接在github官网上用,拖拉上去就行,哪个方便哪个来。

2、重点:用webstorm管理gibhub引用网址http://www.cnblogs.com/liulinjie/p/5708149.html和http://blog.csdn.net/emily201314/article/details/51813281
1、首先有一个账号,然后打开webstorm的设置按钮(ctrl+Alt+s),再搜索github,点击Create API Token来输入账号密码,最后test下。
2、搜git,找到git的路径,选cmd或bin中的git.exe都行。我选cmd中的。
3、然后找SSH,用命令$ ssh-keygen -t rsa -C "your_email@youremail.com"来形成rsa。然后把公钥添加到github中。完成。
在webstorm中使用github
1.在VCS->checkout from version control->git这里用HTTP的不是ssh的
2.然后选一个文件夹作为本地库。
3.到此一个git项目和webStrom11关联上了
4.这时候你github上的文件都clone到本地文件夹上了,
文件为红色表示刚添加的,github上没有的,然后右键git->Add添加颜色变为绿色,修改下就变成蓝色。这就是git的add然后commit,用右上角的VCS就可以同步了。然后添加备注,下面还有diff。
总结红色表没有,绿色表添加,蓝色表修改。
可以单独commit也可以带上push。最下面左边可以看提交状态,左边看分支。

SVN会基本的安装和使用,但目前还是用git

3、服务器的话购买修真院的,然后我是使用xshell和winscp来登录服务器,会用命令行的话可以用xshell,winscp的话图形化界面看的习惯。域名就不用了,IP地址就可以登录。我就拿九宫格做了个首页,加上超链接就行。服务器http://119.10.57.69:880/jnshu3938/CSS/index.html


明天计划的事情:任务三调整css

遇到的问题:任务三左右拉伸文字不会换行。高度的话也不够,不协调。

收获:任务一和任务二的总结


返回列表 返回列表
评论

    分享到