ホームページ  >  記事  >  ウェブフロントエンド  >  初心者のためのCSS+div Webページレイアウトテクニック [転送]_html/css_WEB-ITnose

初心者のためのCSS+div Webページレイアウトテクニック [転送]_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:31:54974ブラウズ

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

2. 同じクラス セレクターはドキュメント内で繰り返し使用できますが、ID セレクターは 1 回のみ使用できます。重複した定義がある場合は、クラスと ID の両方を使用します。 ID の重みが CLASS よりも大きいため、定義は有効です。

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

初心者はこのような状況に遭遇する可能性があります: IE では同じラベル属性が A に設定されるのが通常ですが、Mozilla では A に設定されなければなりません。 . Bになるか、両者を逆にした場合のみ正常に表示されます。

一時的な解決策: セレクター {属性名: B !重要; 属性名: A}

4. ネストするタグのグループ間にスペースが必要な場合は、タグを定義する代わりに、タグの内側に余白を残します。外側のラベルのパディング

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

6. IE は相続関係と父子関係の違いを区別できません。それらはすべて相続関係です。

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

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

9. リンクの 4 つの状態を定義するときは、順序に注意してください: Link Visited Hover Active

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

11. 定義の色は省略できます。 8899FF=#89F

12. 一部の点では他のタグよりもパフォーマンスが優れています。列揃えが必要な場合にご使用ください。

13.