2024年最全学习笔记（2）纵向导航菜单及二级弹出菜单，附面试题答案

文末

js前端的重头戏，值得花大部分时间学习。

推荐通过书籍学习，《 JavaScript 高级程序设计（第 4 版）》你值得拥有。整本书内容质量都很高，尤其是前十章语言基础部分，建议多读几遍。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。

学习资料在精不在多，二者结合，定能构建你的 JavaScript 知识体系。

面试本质也是考试，面试题就起到很好的考纲作用。想要取得优秀的面试成绩，刷面试题是必须的，除非你样样精通。

这是288页的前端面试题

#menu ul {

list-style: none;

margin: 0px;

padding: 0px;

}

添加a链接，设置字体样式

html文件 div 、ul 、 li 、a

• 首页
• 网页版式布局
• div+css教程
• div+css实例
• 常用代码
• 站长杂谈
• 技术文档
• 资源下载
• 图片素材

• css 文件

  text-decoration: none; //去除a标签默认样式

  list-style: none; //去除ul默认样式

  #，是个虚拟链接，不指向任何页面

  2.标签的默认样式

  对标签重定义

  body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt

  dd {

  margin: 0px;

  padding: 0px;

  font-size: 12px;

  font-weight: normal;

  }

  ul {

  list-style: none;

  }

  a {

  text-decoration: none;

  }

  img {

  border-style: none;

  }

  3.css派生选择器

  #menu ul {

  list-style: none;

  margin: 0px;

  padding: 0px;

  }

  #menu ul li {

  background: #eee;

  padding: 0px 8px;

  height: 26px;

  line-height: 26px;

  border-bottom: 1px solid #CCC;

  }

  #menu ul和#menu ul li即为派生选择器，如果我们把前边的#menu去掉，那么将是对ul标签重定义，重定义的属性将应用到全局，而前边加上#menu后，将是定义ID为menu元素内ul的样式，设置它的样式只对#menu下的ul生效，不对它之后的ul生效，这个有点像编程中的局部变量，而直接定义ul则相当于全局变量。#menu ul li 是定义ID为menu元素内ul下的li，派生选择器可以使我们不用再给每个li定义一个样式名来定义样式，只需使用派生选择器，从它的父元素处选择即可，这样能大大提高效率。

  4.css选择器的分组

  对选择器进行分组，被分组的选择器就可以共享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的，p段落、div分区、span都是20像素字体。

  h1,h2,h3,h4,h5,h6 {

  color: green;

  }

  p,div,span{

  font-size:20px;

  }

  5.纵向二级列表

  html文件 div ul li a ——> ul li a
• 首页
• 网页版式布局
• 自适应宽度
• 固定宽度
• 资源下载
• 图片素材

• css 文件