ナビゲーションバー、メインコンテンツ、フッターを中央に配置する方法

Question

私はネットワークコーディングの分野にはあまり慣れていないので、助けが必要です。私は地元のスポーツ チームの Web ページを作成していますが、その Web ページの見栄えはそれほど良くなく、Wordpress はあまり使いやすいものではないため、自分でコーディングしてみるほうが簡単かもしれないと考えました。

ページのナビゲーション バー、メイン コンテンツ、フッターに入ることができません。ナビゲーション バー、メイン コンテンツ、フッターを入力し、幅を 80% だけにして、背景にスポーツ チームのアスリートの写真が表示されるようにしたいと考えています)

リーリー

フロート、マージン、フレックス、グリッドなど、さまざまな CSS スタイルを試しました。

Answer 1

＃＃＃どうぞ！素晴らしいスタートですね。ぶらぶらしているようですね。

tailwindcss や bootstrap などを検討することを強くお勧めします。

これらのフレームワークは、面倒な微調整のほとんどを処理するのに役立ちます。実際にはファイルには多くの CSS はなく、クラス名を追加するだけで済みます。

class="m-auto d-flex text-center" のようなものは、すべての CSS を置き換えます。

これらのフレームワークはクラスに基づいており、これが私の次の推奨事項です。すべてにクラスまたは ID を使用する必要があります。これにより、よりクリーンでより組織化されたコードを作成できるようになります。次のものが必要です:

リーリー

サイト上に複数の

ul が必要で、それらの色を異なる色にする必要がある場合、または 1 つを中央に配置する必要がない場合はどうすればよいでしょうか?

既存のコードを中央に配置する方法は次のとおりです。 ナビゲーション バーとメイン バーのマージンは 0 ではなく自動にする必要があります。

リーリー