第四课 纵向导航菜单的制作

出现的问题：第8步设了鼠标滑过的颜色为红，预览测试无效
原因是前面为#menu下的A标签设置了颜色，而#menu类似局部变量，a:hover类似全局变量，当局部变量定义了A标签的颜色后，全局变量定义的A标签颜色就失效了
解决方法一：把menu前的#号删掉让它们同为让它同为全局变量
解决方法二：在a:hover前加menu或menu li让它们同为局部变量
#menu a {color: #000000;text-decoration: none;}
a:hover {color: #FF0000;} //要这句有效必须去掉上面menu前的#号

1.菜单，点插入一名为menu的ID标签，不设CSS规则
选择文字——文本——点ul，ul表无序菜单，ol表有序菜单，分别插入多行，菜单一，菜单二，菜单三等多行内容。
 
2.清除ul标签默认样式，
在标签栏点一下ul标签，点CSS样式栏的新建CSS规则，
#menu ul 列表 列表样式为无，方框，填充和边界都设为0

3.重新定义body标签
空白右击——CSS样式——新建——标签——body，设置一字体，大小为12，行高为1.5倍，

4.定义menu的样式
空白右击——CSS样式——新建——高级——#menu，边框，样式都为虚线，宽度都为1，
颜色都为#CCC，方框，宽100

5.设置li标签的样式
点标签栏选li，CSS样式栏——新建CSS规则，#menu ul li
背景 #eee，方框，高26 ，左右为8，上下为0 ，类型，行高为26 ，边框，下为虚线，宽度下为1，颜色下为#eee

6.设置每行菜单的超链接为空链接，链接到#

7.设置超链接a标签的CSS样式
空白右击——CSS样式——新建——标签——a，类型，文本修饰为无，颜色为#000

8.设置鼠标滑过的样式，a:hover的CSS新式
空白右击——CSS样式——新建——标签——a:hover，类型，颜色为#F00