Web ナビゲーション バーを作成するいくつかの方法と一般的な問題の解決策 (初心者向け)

順序なしリストは HTML ページ レイアウトでよく使用される非常に実用的なタグですが、初心者が順序なしリストを使用する際によく問題となるのは、著者が順序なしリストを使用して Web ページを作成した経験です。ナビゲーション バーを使用する際の 一般的な問題の解決策 。 (CSS 内部スタイルを例として取り上げます)

[注: 以前に Web ページの作り方を尋ねた学生もいますが、彼らは HTML しか知りません。この記事で使用されているのはすべて CSS です。したがって、CSS の技術的な基礎がない場合に、緊急にナビゲーションを作成する必要がある場合は、

1.

でフローティング配置を設定します。

①使い方：CSSスタイルにfloat:left;属性を追加します。

②よくある質問：Webページを調整すると、同時にナビゲーションも変更され、レイアウトがわかりにくくなります。

③解決策:⑴筆者が遭遇したウェブサイトの研究では、liタグを絶対位置に配置してから左側のサイズを調整するという方法が一般的でした。

この方法はより王道であり、個人的な修正が容易です。ただし、Web ページの要件が低い人にとっては、面倒かもしれません。

⑵私自身の実験に基づいて、著者は非常に簡単な方法を提案します

タグで形式を設定できます。方法は非常に簡単です。div の値を Web ページの最大長以上に設定します。

2. 2番目の方法:

①

タグのdisplay属性のinline属性値を利用してピア配置を実現します。同時に、マージンとパディングの値を調整することで距離を変更できます。

②問題と解決策は最初のものと同じです。

3. 3番目の方法:

① 絶対位置決めを完全に使用し、ボタン位置に関する特別な要件に適しています。 (面倒ですし、一般的なナビゲーションが1列なのでお勧めしませんが、それでも必要な友達には使いやすいです)

② 基本的に写植に問題はありません

③ メリット: 安定しており、レイアウトに概ね問題なく、自由度が高い。短所: 以前のものほど統一性と規則性がなく、比較的扱いにくく、組版が面倒です。

上記はすべて著者がまとめた内容です。包括的で正確であるという保証はありません。そのため、より良い方法を持っているブロガーが指摘する必要がある場合は、メッセージを残してください。この記事は、アドバイスを提供することを目的としています。著者のように、学習の初期段階で困難に遭遇するブロガー。皆様、ありがとうございましたn(*≧▽≦*)n。

前述のボタンコード:

リーリー

以上がWeb ナビゲーション バーを作成するいくつかの方法と一般的な問題の解決策 (初心者向け)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。