1.完成了任务三，接着做任务四了，代码明天提交用git命令行的方式。

2.以前搞不清楚的几个命令搞清楚了。

明天计划的事情：

1.完成任务四

2.

1.

收获：

1.昨天的问题解决了，就是怎么把两个图标弄在一起，说白了还是没能把图片组合，只是画了个圆，然后把图以圆为背景拼凑起来。

div class=circle>img src=img/right.png(我知道格式没写对，笔记本自带键盘不好用)

这个圆，先在style里面定义好：

circle{

width：100px;

height:100px;

border-douics:50%; #单词可能没拼写对。木有网络。

color：这个颜色，通过ps的吸管点击，然后右键左边的同号色块查看。有个色号输入就好，前面有个#号，记得添加。

然后就是定位位置，绝对位置。

position：absolute；

这个绝对位置有四个定位的元素;有top，bottom，left，right

要么是根据最近的元素定位，要么是根绝body定位。

然后右边的图片的类，要在里面添加上文字的格式

text-align：center；

因为等下要在div里面，img后面价格</br>字体。当然还有大小：font-size，还有颜色：corlor。

里面依然要有一个绝对位置，这个绝对位置，就是相对于这个圆了，以这个圆为基点，right -1px；

-1只是个数据，这样差不多在最中间，实际情况要调节的。

这个一开始我是左边和右边的图标分开做的，反正扩大缩小的时候，总是会发生上跑或者下跑的现象。后来用了一个新的方法，先限定一个goto伪类，确定好离下面50px，bottom。

然后做一个大的div，class=goto。

把左右两个图的div方式，都放到大的div里面，这样放大缩小页面的时候，就不会乱跑了。

当然，两个图各有自己的限定条件，比如：float  ；left啦，right啦。

二。然后复习了display，也就是显示的意思。

它一般有三个属性限制inline；inline-block；block

inline的意思是，可以在同一行。inline-block的意思是，行内块元素在同一行，比如我做任务一九宫格就用到了这个命令，这样，九宫格才不至于竖着一列。

block就是块元素，实际展示是竖着的。

三。新学了浮动清除，我以前不知道浮动需要清除，也不知道具体的清楚方式，

为什么需要清除呢，我的理解是这样的，如果不清除的话，色块用了浮动，高度会塌陷，以前位置的元素，会产生布局紊乱，和其他一系列的东西。清除可以保持页面的稳定性。

有一种方式，比较常用，并且各种浏览器都适用。那就是采取after和zoom方式。

说实话，没理解，只是了解了而已。我不知道为什么用了这两个东西，就能清除浮动了，也不知道这连个代码的工作机制。只是在网上找了教程，会用，以后用到网页里面。

四。做了任务四的部分东西，已经把四个图切下来，用到webstorm里面了

我目前想的是，输入的地方，用type=text；

注册登陆关闭，三个字体，划定好位置，确定好字符型号和颜色，写在页面上，再用第一个长图当背景。

等以后，再在字体后面加上链接，点击可以跳转，用a=

整体用form表单提交，以前学过的，不知道能不能用得上。

还有input type=test value=.....

至于手机和锁的位置，就用margin-left命令确定