导航菜单的制作

学完html\css一些基础知识后，制作导航菜单总结
         首先要说的是，在网页布局中html是结构，css是表现，JavaScript是行为。

用无序列表构建菜单

    <ul>

         <li><a></a></li>

          <li><a></a></li>

    </ul>

ul li a{display:block;}   定义的关键是将<a>标签设置成块元素，这样就可以设置导航栏的宽度，高度。

.通过设置float属性（float：left；），能将垂直菜单转换成水平菜单

.在制作圆角菜单时，背景图片是贴在哪个标签上的？

      <a>标签

.在制作改变高度的伸缩菜单时用什么技巧实现高度向上延伸

      margin-top用负值。向相反方向移动

.用JavaScript代码实现菜单的水平伸缩效果时this的含义是什么？

    <script>

       window.onload=function(){

     

      var aA=document.getElementsByTagName("a");

      for(var i=0;i<aA.length;i++){

      aA[i].onmouseover=function(){

       var This=this;

       setInterval(function(){

        This.style.width=This.offsetWidth+8+"px";

       }，30)

      }

     }

    }

  </script>

this代表当前<a>标签

 

 

块级元素是不是都可以设计它的padding，margn，border

1.如果要给水平菜单增加整体背景，需要对（）进行哪些CSS设置？

  菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置

，首先要给<ul>定义宽、高。

在设置px时，-px是什么意思

setInterval方法的用法