CSS BUG ジングル、CSS バグ処理方法をすぐに覚える_html/css_WEB-ITnose

CSS にはバグがありますが、将来 CSS コードを作成するときに適切に対処できるように、これらのバグを覚えておくにはどうすればよいでしょうか? いいえ、思慮深い人がこのような CSS BUG ジングルを作成しました。これは非常に優れています。 1. IE の境界線が表示されたり消えたりする場合は、高さの設定が忘れられている可能性があることに注意してください。 2. フロートが生成されるのには理由があります。親レイヤーがフロートを含めたい場合は、すぐにフロートをクリアする必要があります。コンテナはその中に自然に表示されます
3. 3 ピクセル テキストの動きが遅い場合でもパニックにならないでください。高さの設定が役に立ちます
4 番目に、行の高さのデフォルト設定はすべてのブラウザと互換性があることに注意してください。
5 番目に、フローティングを個別にクリアし、行の高さを none に設定し、高さをゼロに設定することを忘れないでください。デザイン効果は一貫しています。 6. レイアウトの学習にはアイデアが必要です。レイアウトの原則は自然で直線的です。 、HTML の制御が簡単、ハッキングの少ない合理化されたレイアウト、クリーンなコード、優れた互換性、フレンドリーなエンジンが歓迎されます。
7. すべてのタグが有効ですが、span は inline と block レベルの 2 つのタイプがありますが、その他は * 記号が異なるだけです。すべてが元に戻り、カスケード スタイルにはさらに練習が必要ですが、すべてが規則的です。
8. 画像リンクとテキストリンクの配置に注意してください。多少の違いであっても、padding とvertical-align:middle を設定する必要があります。
9. IE のフローティング二重マージンの場合は、display: inline を使用してください。
10. リストは水平方向に入力する必要があり、リストのコードは互いに近くにある必要があり、ギャップを覚えておく必要があります。
これで、少なくとも将来 CSS を書くのに役立つでしょう。