发表于: 2016-02-28 23:18:56

2 1240


今天完成的事情:

完成了task5的第二个页面,学到了position:fixed的用法。再次使用各种盒子模型。

明天计划的事情:

开始task6.

遇到的问题:

总感觉自己写代码的速度太慢了,墨迹。人家一下午写两篇,我一下午写一篇,太慢了。我感觉其实这还是思路的问题。思路还有待更清晰。

还有个问题就是我在顶部button中position设置不了居中,我用的是padding解决的。两个button的重叠我用的是position right:3%,他这个相对位置相对的是中间的那个位置,而不是边上的。

在最下边那个中间标签剧中的时候我用的方法是相对位置来垂直居中,然后margin:auto;左右居中。在这个里边我如果用相对位置,然后left:%是不管用的。。。看来我的各种居中掌握的还是不太好啊,还需要继续复习学习这个居中问题。。

收获:

最下边那个我用的是相对固定的div模块。

      在中间的部分,我一开始的思路是在一个大DIV下再使用几个小的div模块,在日期那个部分用position:relative;left:xx%来解决的,但是出现一个问题就是:随着页面的放大,他的相对位置出现变化,并不能很好的维持那个很好看的结构。后来我看别人的页面,别人用到了<dt><dd>标签:

<dl>                                                         显示结果:

   <dt>计算机</dt>                                             计算器:

   <dd>用来计算的仪器 ... ...</dd>                                 用来计算的仪器

   <dt>显示器</dt>                                             显示器:

   <dd>以视觉方式显示信息的装置 ... ...</dd>                       以视觉方式显示信息的装置

</dl>

这种就跟好的解决了这个问题。

贴上我做的东西:


github:https://github.com/cmcesummer/task





返回列表 返回列表
评论

    分享到