Javascript HTML-在背景上创建响应性的顶部导航菜单

我目前正在设计我的网页（在其中我是相当没有经验的），我被困在一个敏感的部分。到目前为止，我使用的是一个从HTML开始的模板，但上面没有菜单

我想要一份像这样的菜单： 这是我当前的网页：和Github repo，其中的网页是：

这就是我到目前为止所尝试的。在

index.html

中，我为

标题
添加了以下内容（我添加了
nav
部分）



爱德华多·阿尔瓦拉多






嗨，我是爱德华多·阿尔瓦拉多。
一位充满激情的软件工程师，他开发智能软件

白天开车，喜欢设计

业余时间专注于游戏艺术和应用。


想和我联系吗？给我发个短信




CSS样式在
、
及其子元素中丢失。开发人员通常通过右键单击浏览器中的特定DOM元素，然后选择检查元素或按F12键来检查CSS样式。我已经比较了这些标签的样式。我比较了两个存储库中这些标记的样式


从上图可以清楚地看到，CSS文件中缺少的样式很少。CSS文件中有太多的更改要做，stackoverflow不是显示更正的正确位置

互联网上有很多学习CSS的资源，比如创建菜单栏等。快乐学习。
你写了你现有的网站吗？如果是这样的话，我对你问题的基调感到困惑。这似乎是从一个初学者的角度来看，但网站看起来相当干净。如果您想学习，我强烈建议您熟悉开发人员工具，这样您就可以实时看到各种样式的效果。您可以查看联机网站的样式，并查看删除/添加元素的效果。它加速了我的CSS学习。谢谢！我使用了一个模板，虽然我修改了一些部分。然而，我并不熟悉HTML/CSS，但我熟悉Python和C++，所以我认为自己是个开始，虽然我知道如何编程。您是否有一个指向HTML代码的提示/链接，以实现我的目标？非常感谢。是什么阻止您从示例页面复制代码？这一切都是为了拍摄。。