24 techniques CSS bien organisées_Échange d'expériences

Bien que cet aspect ait été évoqué à de nombreuses reprises dans de nombreux documents, de nombreux amis font encore des erreurs sur ces questions. Jetons un coup d'œil à ces techniques CSS aujourd'hui. Lisez-les attentivement. Peut-être que vous ne les comprenez pas complètement.

1. La balise ul a une valeur de remplissage par défaut dans Mozilla, mais dans IE, seule la marge a une valeur.
2. Le même sélecteur de classe peut apparaître à plusieurs reprises dans un document, mais le sélecteur d'identifiant ne peut apparaître qu'une seule fois. Utilisez à la fois class et id pour définir une étiquette en CSS. Si les définitions sont répétées, la définition faite par le sélecteur id est valide car le poids de id est supérieur à celui de class.
3. Une façon stupide d'ajuster la compatibilité (IE et Mozilla) :
Les débutants peuvent rencontrer une telle situation : l'attribut du même label est normal lorsqu'il est défini sur A dans IE, mais doit être affiché dans Mozilla Il doit être réglé sur B pour afficher normalement, ou les deux sont inversés.
Solution temporaire : Le sélecteur {nom de l'attribut : B !important ; nom de l'attribut : A} peut parfois ne pas fonctionner. Vous pouvez rechercher plus de solutions BUG sur jb51.net.
4. Si un certain espacement est requis entre un groupe de balises imbriquées, laissez-le à l'attribut margin de la balise située à l'intérieur au lieu de définir le remplissage de la balise située à l'extérieur
5. balise li Il est recommandé d'utiliser image d'arrière-plan au lieu de image de style liste pour les icônes précédentes.
6. IE ne peut pas faire la différence entre la relation d'héritage et la relation père-fils. Ce sont toutes des relations d'héritage.
7. Lorsque vous ajoutez des sélecteurs à vos balises, n'oubliez pas d'ajouter des commentaires aux sélecteurs en CSS. Vous saurez pourquoi vous faites cela lorsque vous modifierez votre CSS plus tard. Un mot d’avertissement également : ne devenez pas trop fou.
8. Si vous définissez une image d'arrière-plan sombre et un effet de texte clair pour une étiquette. Il est recommandé de définir une couleur d'arrière-plan plus foncée pour votre étiquette à ce stade. Parce que les images sont perdues, le texte reste lisible.
9. Faites attention à l'ordre lors de la définition des quatre états du lien : Lien visité Survol actif
10. Veuillez utiliser l'arrière-plan pour les images qui n'ont rien à voir avec le contenu. N'oubliez jamais de séparer la présentation du contenu.
11. La définition de la couleur peut être abrégée en #8899FF=#89F
12. Le tableau est toujours utile à certains égards. Lorsque vous rencontrez un tableau de données, ne le détestez pas.
13.

• Comment afficher des listes dans l'ordre inverse en utilisant HTML et CSS ?
• Comment empêcher les images de rétrécir de manière disproportionnée lors du redimensionnement du navigateur ?
• Comment puis-je créer dynamiquement des animations CSS avec @-keyframes pour contrôler la rotation des éléments en fonction des valeurs côté serveur ?
• Pourquoi les modifications apportées à ma feuille de style ne s'affichent-elles pas après l'actualisation ?
• Comment éliminer les espaces blancs excessifs entre les cellules du tableau de manière compatible avec plusieurs navigateurs ?