ナビゲーション バーと次のセクションの間の小さな空白スペースを削除するにはどうすればよいですか?ホバーセレクター上の小さな灰色のスペースを取り除くにはどうすればよいですか?

Question

freecodecamp の HTMl コースの最終プロジェクトとしてこの Web サイトをコーディングしているのですが、修正方法がわからない 2 つのエラーが発生しました。 一方では、ナビゲーション バーと最初のセクションの間に小さな白い線があります。 一方、ホバーセレクターを使用してナビゲーションバーリンクの背景を灰色にしますが、下部に小さな暗い線を残します。

白い線は次のとおりです。

最初の白い線を修正するために、パディングとマージンを削除してみました (これにより、端の空白の一部が削除されましたが、2 つのセクションの間に残った空白は削除されませんでした。また、すべての CSS の背景を青色に変更して確認しました)どの部分がスペースを埋めるかで、すでにマージンとパディングが 0 に設定されている本文の背景を変更したときにのみ青色になります。

小さな黒い線は次のようになります。 ご覧のとおり、灰色の背景の下に小さな黒い線があります。

このため、ナビゲーション バーのさまざまなタブ (li、ul、a...) が占める正確なスペースを理解しようとしましたが、役に立ちませんでした。これらのタブがどのようにスペースを占めるかを本当に理解していません。またはナビゲーションバーの中央にない。余分な黒い線のスペースを占めるラベルが見つかりません。

これは HTML です:

リーリー

これは CSS です:

リーリー ＃＃＃助けてくれてありがとう！

Answer 1

＃＃＃試す＃＃＃

* { パディング: 0; マージン: 0; }