1. Mozilla ではデフォルトで ul タグにパディング値がありますが、IE ではマージンのみが値を持ちます。
2. 同じクラス セレクターはドキュメント内で繰り返し使用できますが、ID セレクターは 1 回のみ使用できます。CSS でラベルを定義する場合、ID セレクターは同じことを行います。 ID の重みが CLASS よりも大きいため、定義は有効です。
3. 互換性を調整する愚かな方法 (IE と Mozilla):
初心者はこのような状況に遭遇する可能性があります。IE では同じラベル属性が A に設定されるのが通常ですが、Mozilla B では A に設定されなければなりません。を正常に表示することも、上下を逆にして表示することもできます。
一時的な解決策: selector {属性名: B !重要; 属性名: A}
4. ネストするタグのグループ間にスペースが必要な場合は、タグを定義する代わりに、内部のタグの margin 属性のままにします。外側にあるラベルのパディング
5. li タグの前のアイコンには list-style-image ではなく、background-image を使用することをお勧めします。
6. IE は相続関係と父子関係の違いを区別できません。それらはすべて相続関係です。
7. タグにセレクターを追加するときは、CSS でセレクターにコメントを追加することを忘れないでください。 これを行う理由は、後で CSS を変更するときにわかります。
8. ラベルに暗い背景画像と明るいテキスト効果を設定した場合。現時点では、ラベルの背景色を暗い色に設定することをお勧めします。
9. リンクの 4 つの状態を定義するときは、順序に注意してください: Link Visited Hover Active
10. コンテンツと関係のない画像には背景を使用してください
11. #8899FF=#89F
12. Table は、いくつかの点で他のタグよりもはるかに優れたパフォーマンスを発揮します。列揃えが必要な場合にご使用ください。
13.
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
