DIV + CSS Web ページをレイアウトするときに知っておくべきいくつかのヒント_html/css_WEB-ITnose

この記事では、DIV CSS Web ページ レイアウトを習得するために必要なスキルについて簡単に説明します。良い習慣を身につけることで、デザイン サイクルが 2 倍になる可能性があります。一緒に学びましょう。
DIV CSS Web ページのレイアウトを習得する必要があるスキルをご存知ですか? 良い習慣を身につけると、デザイン サイクルが 2 倍になる可能性があります。以下は、CSS デザインのヒントです
1. DIV CSS Web ページのレイアウトについて質問がある場合は、すぐに確認してください
エラーが発生したときに元のコードの簡単なチェックができれば、大幅に節約できます頭痛。 W3C には、XHTML と CSS に使用できる検出ツールがあります。http://validator.w3.org を参照してください。ファイルの先頭にあるエラーは、不適切な構造やその他の要因によりさらに多くのエラーを引き起こす可能性があることに注意してください。最初に最も明らかなエラーのいくつかを修正してから再チェックすることをお勧めします。これにより、エラーの数が減る可能性があります。
2. DIV CSS Web ページ レイアウトでフローティング関数を使用するときは、指示を適切にクリアすることを忘れないでください。
フローティングは危険な関数であり、期待する結果が得られない可能性があります。周囲のコンテナの境界を越えて広がる浮遊要素やその他の異常な状況に遭遇した場合は、それが正しく行われていることを確認してください。
3. 境界線が重なっている場合は、パディングまたは境界線を使用して回避します
そこにあるべきではない小さなスペースを確保するのに苦労したり、小さなスペースが必要なときに、どうやってもそれを絞り出すことができない場合があります。マージンを使用すると、境界線が重なりやすくなります。
4. 要素のパディング/境界線と高さまたは幅を同時に指定しないようにしてください
Windows バージョンの IE では、幅と高さに関して計算上の問題が発生することがよくあります。この問題を解決する方法はいくつかありますが、親要素で高さと幅を指定する必要がある場合は、親要素内の子要素にマージンを適用するか、子要素で高さと幅を指定する必要がある場合は、これを実現するには、親要素にパディングを適用します。
5. DIV CSS Web ページをレイアウトするときに min-width/min-height に依存しないでください
Windows バージョンの IE は 2 つの構文をサポートしていません。ただし、Windows 版 IE は、min-width/min-height と同等の効果をある程度実現できるため、IE でフィルタリングを行う限り、希望の結果を得ることができます。
6. 疑わしい場合は、まずパーセンテージを減らしてください
時々、エラーによって 50%+50% が 100.1% になり、Web ページで問題が発生することがあります。現時点では、これらの値を 49% または 49.9% に変更してみてください。
7. DIV CSS Web ページ レイアウト (TRBL) の書き方を覚えましょう
Border、margin、padding の省略された構文には特定の順序があり、上から始めて時計回りに、上、右、下、左になります。マージンの: 01px3px5px; 上部には境界線がなく、右側には 1 ピクセルなどがあります。そうすれば順番を間違えることはありません。
8. 値がゼロでない限り、単位を指定する必要があります。
CSS では、フォント、マージン、その他の値ごとに単位を指定する必要があります。唯一の例外は Line-height です