网银网页制作小结

来源:互联网 发布:怎样在mac上qq群视频 编辑:程序博客网 时间:2024/06/04 07:13

       这周的任务是制作网银页面,虽然比其他三位小伙伴慢了半拍才写这个,但我已经很努力的尽快把这个写完,很累很辛苦,但获也是蛮多的。

首先我遇到的最大的问题就是导航栏我不太会写,以前每次写的时候都是用&nbsp这个标签来增加每个词之间的距离,但这个就是有个缺点——使用伪类设置鼠标滑过有下划线,而这个下划线就会变得特别长,一点都不美观。后开我通过网上查资料和参考一些代码改善了我的代码,以下就是我导航栏效果的代码和效果图。其中alink1使用在首页上的,alink2使用在标题上得首页之后那几个

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

其次呢就是还有一个问题,就是下面的这样的,我是设置了一个大的div把汉字和日期括在一起,在设置了两个小的div把这两部分分开,可是当网页缩小的时候,这两个盒子就会挤在一起,字就看不到了;真正好的是在网页缩小的的时候盒子里的字会自动变成省略号,不会挤在一起。后来余重阳学长跟我说可以使用text-overflow:ellipsis;这个语句来进行设置,但是因为我还不太会使用,再加上我还不知道怎么加进去,所以就没有改,只是在学习中。争取尝试一下把这个加进去。


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

最后呢,我感觉做这个网银网页我最大收获就是学会了相对定位和绝对定位,在这次网银制作中也使用了很多。

下个星期就要考核了,希望我们都可以做得很好。微笑

0 0