下拉菜单小记

效果图：

 

自己首次钻研写出来的菜单，留念一下~

心得：

1. 写之前，很多div不明白其作用，写之后发现有些div是必须的；
2. 之前不明白为什么css文件内的选择器要写那么长，写完之后发现只有这样写全才不会漏掉，而且后期维护会很方便；
3. 学了不少新词：  @charset "utf-8";   width:calc(100% - 180px)    js是分大小写的，slideDown是ok的，slidedown编译不会报错，但是没效果     

   /*小于1600大于1200稍微调整下字体*/

   @media screen and (max-width:1600px) and (min-width:1200px){

       .nav ul li .f_a{font-size: 14px;}

       .nav ul li .s_navbox .s_navbox a{font-size: 12px;}

       .nav ul li .s_navbox .s_a{width: 100%;}

   }