CSS Web レイアウト開発には多くのヒントがありますが、初心者の友人はそれらに慣れていないことがよくあります。 1 つまたは 2 つの小さな問題については、それを理解するのに長い時間がかかる場合があります。この点については 52CSS.com の文書で何度も言及されていますが、多くの友人が依然としてこれらの問題に関して間違いを犯しています。今日はこれらの CSS テクニックを見てみましょう。よく理解していない場合は、52CSS.com で検索すると、さらに多くの知識が得られると思います。
1. Mozilla では ul タグにデフォルトでパディング値がありますが、IE ではマージンのみが値を持ちます。
2. 同じクラス セレクターはドキュメント内で繰り返し出現できますが、ID セレクターは 1 回しか出現できません。 CSS でラベルを定義するには class と id の両方を使用します。この定義を繰り返すと、id の重みが class の重みよりも大きくなるため、id セレクターによる定義が有効になります。
3. 互換性を調整する愚かな方法 (IE と Mozilla):
初心者は、同じラベルの属性が IE では A に設定されていると正常に表示されるのに、Mozilla では B に設定されないと正常に表示されない、または 2 つが逆転する、という状況に遭遇する可能性があります。
一時的な解決策: セレクター {プロパティ名: B !重要; プロパティ名: A} が機能しない場合があります。 52CSS.com でその他のバグ ソリューションを検索できます。
4. ネストされたタグのグループ間にスペースが必要な場合は、外側にあるタグのパディングを定義するのではなく、内側にあるタグの margin 属性に任せます。
5. li タグの前のアイコンには、list-style-image ではなく、background-image を使用することをお勧めします。
6. IE は相続関係と父子関係の違いを区別できません。これらはすべて相続関係です。
7. タグにセレクターを追加する場合は、CSS でセレクターにコメントを追加することを忘れないでください。これを行う理由は、後で CSS を変更するときにわかります。また、注意点としては、あまり夢中にならないことです。
8. ラベルに暗い背景画像と明るいテキスト効果を設定した場合。現時点では、ラベルの背景色を暗い色に設定することをお勧めします。画像が失われるため、テキストは読むことができます。
9. リンクの 4 つの状態を定義するときは、次の順序に注意してください。 リンク訪問中 ホバーアクティブ
10. 内容と関係のない写真の背景はご使用ください。常にプレゼンテーションをコンテンツから分離することを忘れないでください。
11. 定義された色は #8899FF=#89F と省略できます。
12. テーブルは、いくつかの面では依然として役に立ちます。データテーブルに遭遇した場合でも、それを嫌いにならないでください。
13.