导航在网站上占有极重要的地位,table时代的菜单都是用若干个td并排显示而成。
现在,我们可以用语义化的标签,如li来完成。
菜单一:
list-style:none;是去掉列表符号
#nav li下的ul要以li为标准进行绝对定位,这点很重要。
因IE不支持#nav li:hover ul,所以写了一个简单的js来实现,其目的只是给#nav li添加一个mouseover与mouseout事件,
动态改变它的cssName。
菜单二:
立即学习“前端免费学习笔记(深入)”;
这二个简单的菜单主要是对Box模型的理解,最开始我也被box弄糊涂。注意margin、padding、border。
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号