初学div+css之菜单篇_html/css_WEB-ITnose
程序员文章站
2024-01-29 21:35:58
...
导航在网站上占有极重要的地位,Table时代的菜单都是用若干个td并排显示而成。
现在,我们可以用语义化的标签,如li来完成。
菜单一: new document
new document
现在,我们可以用语义化的标签,如li来完成。
菜单一:
list-style:none;是去掉列表符号
#nav li下的ul要以li为标准进行绝对定位,这点很重要。
因IE不支持#nav li:hover ul,所以写了一个简单的js来实现,其目的只是给#nav li添加一个mouseover与mouseout事件,
动态改变它的cssName。
菜单二:
这二个简单的菜单主要是对Box模型的理解,最开始我也被box弄糊涂。注意margin、padding、border。
推荐阅读
-
初学div+css之菜单篇_html/css_WEB-ITnose
-
SEO优化之div+css命名规则_html/css_WEB-ITnose
-
网页设计div+css之id与class使用原则_html/css_WEB-ITnose
-
div+css初学者的理想起步_html/css_WEB-ITnose
-
[导入]初学div+css之菜单篇_html/css_WEB-ITnose
-
DIV+CSS 网页布局之:一列布局_html/css_WEB-ITnose
-
div+css之清除浮动_html/css_WEB-ITnose
-
div+css布局之padding和margin的使用,及自适应100%的宽度_html/css_WEB-ITnose
-
SEO优化之div+css命名规则_html/css_WEB-ITnose
-
div+css之清除浮动_html/css_WEB-ITnose