发表于: 2017-03-26 21:05:26
1 588
今天完成的事情:
1、修改了task4 中背景色。与PS中颜色相一致。
具体不走,背景颜色的设置,直接在在HTML中设置好了,灰色的,用PS来取色。
再说下输入框这里,因为白色的颜色是一整行的,上下有灰色的一行,所以上下两边的距离都是先在username的DIV中设置margin来完成灰色的行,再设置这个DIV颜色为白色然后用padding来设置输入框上面和下面有白色的,然后用passing来完成左边图标的位置,关于那条灰线,对右边的输入框用border-left设置,高度的话就用margin来调整不是用padding,因为username的DIV的背景色已被设置为白色,所以用margin可以。margin是始终是透明的。padding是可以设置颜色的。
2.今天用到了滚动条,对div设置滚动条,设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x:scroll;来设置div盒子对象水平和垂直滚动条效果。别忘设置高度。
3.关于头部的固定和底部的固定,都是用position:fixed;然后用top right bottom left来设置定位别忘了。头部的固定还好,就是底部的固定有些问题,虽然固定好了,内容最小面的自我介绍会被隐藏,我用margin-bottom来设置了一下,不让自我介绍被底部挡住。
4基本上算完成了,但还有问题,姓名那块往左边拉的话排版就不对了。自我介绍那块也是这样。还有就是这个布局不能水平铺满,背景不对。
明天计划的事情:完善上面的bug,总结下task5做法。
遇到的问题:关于task5中的基本上可以,就是姓名那块往左边拉的话排版就不对了。自我介绍那块也是这样。还有就是这个布局不能水平铺满,背景铺不满。
收获:关于滚动条的用法要加固定高度。position:fixed;的固定效果以及所带来额问题解决。
评论