简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel CSS > le corps du texte

Conseils pratiques pour CSS pour améliorer la mise en page des pages Web frontales

青灯夜游
Libérer： 2018-09-07 17:12:09
original
1205 Les gens l'ont consulté

Il existe de nombreuses techniques pour la mise en page frontale CSS. Voici un résumé des conseils de mise en page Web front-end CSS adaptés aux novices, qui peuvent être une valeur de référence plus pratique pour vous :

1 La balise ul a une valeur de remplissage par défaut dans Mozilla, et dans Mozilla, il a une valeur de remplissage. 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 la classe et l'identifiant pour définir une étiquette en CSS. définitions, la définition faite par le sélecteur d'identifiant 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 : les attributs d'un même label sont définis dans IE It. Il est normal de l'afficher sous la forme A, mais dans Mozilla, il doit être défini sur B pour l'afficher normalement, sinon les deux sont inversés.
Solution temporaire : 

选择符{属性名:B !important;属性名:A}
Copier après la connexion

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 parent-enfant.
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 à l'avenir.

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 de fond sombre pour votre étiquette à ce stade.

9. Faites attention à l'ordre lors de la définition des quatre états d'un lien : 

Link Visited Hover Active
Copier après la connexion

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

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

12. d'autres balises dans certains aspects. Veuillez l'utiliser là où l'alignement des colonnes est requis.

13.

Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！