Feuille de style CSS layout experience_CSS/HTML

Au fil du temps, le contenu ici sera ajouté ou modifié. J'espère que les éléments suivants seront utiles ou inutiles aux futurs apprenants standards

.

Le contenu principal concerne les différences et les détails facilement négligés entre IE et MOZILLA, les meilleures méthodes d'implémentation de certaines applications classiques et les erreurs à éviter

.

Puisqu'il s'agit de l'accumulation de mon expérience quotidienne, il est inévitable qu'il y ait des explications erronées. Si vous avez la chance d'être vu par un expert, assurez-vous de le signaler

La balise ul a une valeur de remplissage par défaut dans Mozilla, mais dans IE, seule la marge a une valeur.

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 la classe et l'identifiant pour définir une étiquette en CSS. Si les définitions sont répétées, le sélecteur d'identifiant sera utilisé.

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 s'affiche normalement lorsqu'il est défini sur A dans IE, mais doit être défini sur B dans Mozilla pour s'afficher normalement, sinon les deux sont inversés

.

Solution temporaire :

Sélecteur {Nom de l'attribut : B !important ; Nom de l'attribut : A;>

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.

Il est recommandé d'utiliser background-image au lieu de list-style-image pour l'icône devant la balise li

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

.

Lorsque vous ajoutez des sélecteurs à vos balises, n'oubliez pas de commenter les sélecteurs en CSS. Vous saurez pourquoi vous faites cela lorsque vous modifierez votre CSS à l'avenir

.

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 sombre pour votre étiquette à ce moment

.

Faites attention à l'ordre lors de la définition des quatre états d'un lien : Lien Visité Survol Actif

Veuillez utiliser l'arrière-plan

pour les images qui n'ont rien à voir avec le contenu.

La couleur définie peut être abrégée #8899FF = #89F

Le tableau fonctionne bien mieux que les autres balises à certains égards. Veuillez l'utiliser lorsque l'alignement des colonnes est requis

.