导航栏与标题重叠，框阴影未显示，无法更改 h1 字体大小

Question

我是编程新手，最近开始使用html和css。我已经使用css网格(圣杯布局(进行了基本的网站布局，但很少有我无法解决的事情。

1(阴影未显示在导航栏下方，并且无法获得工作的粘性导航栏/标题，因为导航栏与标题重叠。

网页代码

<div class="wrapper">   
<header class="main-head">The Header</header>
<nav class="main-nav">
<ul>
<li><a href="?page=nav1">Nav 1</a></li>
<li><a href="?page=nav2">Nav 2</a></li>
<li><a href="?page=nav3">Nav 3</a></li>
</ul>
</nav>

试：

.main-nav { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 50px; }

2(不能用.h1 font-size: 32px; font-weight: bold;改变h1大小(有些东西覆盖了它(

提前谢谢你！

Answer 1

3( 如果 h1 是元素的名称，而不是类，请删除开头的点。

.HTML：

<h1>Head title</h1>

.CSS：

h1 {
font-size: 32px; 
font-weight: bold;
}

现场演示