web前端HTML静态页面

半腔热情 提交于 2020-04-08 04:40:57

  这个星期做了下web前的开发。大概了解了一些html,css,jquery的知识。只能说把页面拼出来了,不能说健壮,维护有多好。。

页头也页尾是用<header>和<footer>做的,方便所有的页面使用。menu上面的弹出隐藏效果刚开始使用的是ul,li做的,可以使用css达到效果。。但是后来为了特殊效果,使用了两个div操作。这个时候由于第二个div(有隐藏效果的div)与第一个div是平级关系,不能使用css达到弹出效果。后来使用了jquery实现。接下来是一个图片自动切换的功能,也是使用jquery达到了效果,没什么好说的。页尾要保证始终在浏览器最下方出现,这个时候需要做到的就是body和html的height:100%,另外需要保留padding-bottom用来放页尾,另外中间内容部分content需要保证把除了页头页尾部分以外的其他所有页面信息都包含在里面,可以使用overflow:hidden将content撑大。页头使用position:fixed,表示始终浮动在浏览器上,但是需要在外面包一层div,并使用pisition:absolute确定页头在页面上。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!