发表于: 2017-03-26 21:05:26

1 587


今天完成的事情:

1、修改了task4 中背景色。与PS中颜色相一致。

具体不走,背景颜色的设置,直接在在HTML中设置好了,灰色的,用PS来取色。

再说下输入框这里,因为白色的颜色是一整行的,上下有灰色的一行,所以上下两边的距离都是先在usernameDIV中设置margin来完成灰色的行,再设置这个DIV颜色为白色然后用padding来设置输入框上面和下面有白色的,然后用passing来完成左边图标的位置,关于那条灰线,对右边的输入框用border-left设置,高度的话就用margin来调整不是用padding,因为usernameDIV的背景色已被设置为白色,所以用margin可以。margin是始终是透明的。padding是可以设置颜色的。

 

2.今天用到了滚动条,对div设置滚动条,设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-yoverflow-x:scroll;来设置div盒子对象水平和垂直滚动条效果。别忘设置高度。

 

3.关于头部的固定和底部的固定,都是用position:fixed;然后用top right bottom left来设置定位别忘了。头部的固定还好,就是底部的固定有些问题,虽然固定好了,内容最小面的自我介绍会被隐藏,我用margin-bottom来设置了一下,不让自我介绍被底部挡住。

 

4基本上算完成了,但还有问题,姓名那块往左边拉的话排版就不对了。自我介绍那块也是这样。还有就是这个布局不能水平铺满,背景不对。

 

明天计划的事情:完善上面的bug,总结下task5做法。

 

遇到的问题:关于task5中的基本上可以,就是姓名那块往左边拉的话排版就不对了。自我介绍那块也是这样。还有就是这个布局不能水平铺满,背景铺不满。

收获:关于滚动条的用法要加固定高度。position:fixed;的固定效果以及所带来额问题解决。



返回列表 返回列表
评论

    分享到