CSS Webページレイアウトのヒント

フロントエンド Web ページ レイアウトに関するヒント:

(ビデオ チュートリアルの推奨: css ビデオ チュートリアル)

1. Mozilla の ul タグにはデフォルトでパディング値がありますが、IE ではマージンのみが値を持ちます。

2. 同じクラス セレクターはドキュメント内で繰り返し出現できますが、ID セレクターは 1 回しか出現できません。CSS 定義のラベルにはクラスと ID の両方を使用してください。定義が繰り返される場合は、ID の定義がID の重みが CLASS より大きいため、セレクターのは有効です。

3. 互換性を調整する愚かな方法 (IE と Mozilla):

初心者はこのような状況に遭遇する可能性があります: 同じラベル属性が設定されている場合、IE で同じラベル属性が表示されるのが通常です。 Mozilla では通常に表示するには B に設定する必要があり、そうでない場合は 2 つが逆になります。

一時的な解決策:

4. ネストするタグのグループ間にスペースがある場合は、それを定義するのではなく、内部のタグの margin 属性に任せます。外側のラベルの

##5 と li ラベルの前のアイコンは、list-style-image の代わりに、background-image を使用することをお勧めします。

6. IE では継承関係と親子関係の違いが区別できず、どちらも継承関係です。

7. タグにセレクターを追加するときは、CSS でセレクターにコメントを追加することを忘れないでください。これを行う理由は、後で CSS を変更するときにわかります。

8. ラベルに暗い背景画像と明るいテキスト効果を設定した場合。現時点では、ラベルの背景色を暗い色に設定することをお勧めします。

9. リンクの 4 つの状態を定義する順序に注意してください:

10. コンテンツと関係のない画像には背景を使用してください

11. 定義色は #8899FF =#89F

12 と省略できます。テーブルは、いくつかの点で他のタグよりもはるかに優れたパフォーマンスを発揮します。列揃えが必要な場合にご使用ください。

13.