使用CSS实现下拉菜单的动态显示

代码编辑器：sublime text 3 

浏览器：Firefox 40.0.1

下划线标注的解释原因由于对css的学习还不够深刻，所以属于个人主观理解。如果有错误希望大神们指出。谢谢!

1.下拉菜单的构成

    这次我做的下拉菜单使用了<ul><li>元素，代码如下：

网页显示如下：

下拉菜单的制作中，在HTML代码方面，需要编辑的内容就完成了。下面我们对这些html代码进行CSS样式添加。

     1）重置默认margin padding值。css会对未定义的元素给予默认的margin padding值，为了避免重复定义（？）首先在编写css时对全局的margin padding 进行重置。