conseils de mise en page Web CSS

Conseils pour la mise en page des pages Web frontales :

(Tutoriel vidéo recommandé : Tutoriel vidéo CSS)

1. La balise ul dans Mozilla a une valeur de remplissage par défaut, 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 class et id en même temps pour la définition CSS d'une balise. La définition du sélecteur est valide car le poids de ID est supérieur à CLASS.

3. Une façon stupide d'ajuster la compatibilité (IE et Mozilla) :

Les débutants peuvent rencontrer une telle situation : il est normal que l'attribut du même label s'affiche dans IE lorsqu'il est défini sur A , et dans Mozilla, il doit être défini sur B pour s'afficher normalement, sinon les deux sont inversés.

Solution temporaire :

选择符{属性名:B !important;属性名:A}

4. S'il y a un certain espacement entre un groupe de balises à imbriquer, laissez-le à l'attribut margin de la balise à l'intérieur au lieu de le définir. l'étiquette située à l'extérieur est

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

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.

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.

9. Lors de la définition des quatre états d'un lien, faites attention à l'ordre :

Link Visited Hover Active

10. Veuillez utiliser l'arrière-plan pour les images qui n'ont rien à voir avec le contenu