CSS レイアウトのヒント

CSS Web ページのレイアウトを行う際に BUG に遭遇した場合は、次の内容をよく読んでください。CSS BUG をジングルにまとめたのは誰だろうと思います。よく覚えているかどうか見てみましょう?

1. IE の境界線が境界線がないように見える場合は、高さの設定が忘れられている可能性があることに注意してください。

2. 親レイヤーがそれを含めたい場合は、フロートが生成される理由があります。その後、フロートをクリアする必要があり、その中にコンテナが自然に表示されます。

3. 3 ピクセルのテキストがゆっくり動いてもパニックにならないでください。高さの設定が役に立ちます。

4.すべてのブラウザと互換性があるため、行の高さのデフォルト設定は致命的になる可能性があります。

5. フロートを個別にクリアすることを忘れずに、行の高さを [なし] に設定し、ゼロを高く設定します。

6 番目、レイアウトの学習にはアイデアが必要です。パスはレイアウト原則に従って自然かつ直線的で、HTML の制御が容易で、ハッキングの少ない合理化されたレイアウト、クリーンなコード、良好な互換性、フレンドリーなエンジンが歓迎されます。

7. すべてのタグがアクティブですが、デフォルトは Wji で、Wji には inline レベルと block レベルの 2 つのタイプがありますが、その他は単に異なる変更であり、すべてがそれに属します。すべてが規則的であるため、カスケード スタイルにはさらに練習が必要であることがわかりました。

8. 画像リンクとテキストリンクの配置に注意してください。多少の違いであっても、padding とvertical-align:middle を設定する必要があります。

9. IE のフローティング二重マージンの場合は、display: inline を使用してください。

10. リストは水平方向に入力する必要があり、リストのコードは互いに近くにある必要があり、ギャップを覚えておく必要があります。