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.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Éléments dynamiques de la page Web XPATH et les noms de classe changent fréquemment. Comment ramper de manière stable la cible une étiquette?
Apr 01, 2025 pm 04:12 PM
Problème de rampe d'éléments Web dynamique: traitant des changements XPath et du nom de classe, de nombreux développeurs de compresseur rencontreront un problème difficile lors de la rampe de pages Web dynamiques: l'objectif ...
Debian Strings est-il compatible avec plusieurs navigateurs
Apr 02, 2025 am 08:30 AM
"Debianstrings" n'est pas un terme standard, et sa signification spécifique n'est pas encore claire. Cet article ne peut pas commenter directement la compatibilité de son navigateur. Cependant, si "DebianStrings" fait référence à une application Web exécutée sur un système Debian, sa compatibilité du navigateur dépend de l'architecture technique de l'application elle-même. La plupart des applications Web modernes se sont engagées à compatibilité entre les navigateurs. Cela repose sur les normes Web suivantes et l'utilisation de technologies frontales bien compatibles (telles que HTML, CSS, JavaScript) et les technologies back-end (telles que PHP, Python, Node.js, etc.). Pour s'assurer que l'application est compatible avec plusieurs navigateurs, les développeurs doivent souvent effectuer des tests croisés et utiliser la réactivité
Comment convertir XML en PDF sur Android Phone?
Apr 02, 2025 pm 09:51 PM
La conversion de XML en PDF directement sur les téléphones Android ne peut pas être réalisée via les fonctionnalités intégrées. Vous devez enregistrer le pays via les étapes suivantes: Convertir les données XML en formats reconnus par le générateur PDF (tels que le texte ou le HTML); Convertissez HTML en PDF à l'aide de bibliothèques de génération HTML telles que Flying Saucer.
Comment résoudre le problème de la perte de style après le déploiement du projet Django dans le panneau Pagoda?
Apr 01, 2025 pm 09:09 PM
Explication détaillée de la perte de style après le déploiement du projet Django dans le panneau Pagoda. Après avoir déployé le projet Django vers Pagoda, vous pouvez rencontrer un problème de perte de style. Ce...
Comment afficher les lignes cachées dans XML
Apr 02, 2025 pm 11:45 PM
Il existe deux façons courantes de masquer les lignes dans XML: utilisez la propriété d'affichage dans CSS pour définir sur None Utilisez XSLT pour sauter les lignes cachées via la copie conditionnelle
Comment afficher le contenu de l'interface avec XML
Apr 02, 2025 pm 11:48 PM
XML est largement utilisé pour créer et gérer les interfaces utilisateur. Il définit et affiche le contenu de l'interface via les étapes suivantes: Définissez les éléments d'interface: XML utilise des balises pour définir les éléments d'interface et leurs propriétés. Construire une hiérarchie: XML organise des éléments d'interface selon des relations hiérarchiques pour former une structure d'arbres. Utilisation de styles: les développeurs utilisent des langages de feuille de style tels que CSS ou XSL pour spécifier l'apparence visuelle et le comportement des éléments. Processus de rendu: un navigateur ou une application utilise un analyseur XML et une feuille de style pour analyser un fichier XML et rendre des éléments d'interface pour le rendre visible à l'écran.
Si vous convertissez XML en PDF sur votre téléphone mobile, le format sera-t-il désordonné après la conversion?
Apr 02, 2025 pm 10:21 PM
Lors de la conversion du XML en PDF sur le téléphone mobile, si le format est chaotique dépend de: 1. La qualité de l'outil de conversion; 2. Structure et contenu XML; 3. Écriture de feuille de style. Plus précisément, de mauvais outils de conversion, des structures XML désordonnées ou un mauvais code XSLT peuvent conduire à une malformation.
Comment implémenter une animation de transition serrée dans React à l'aide du groupe React-Transition?
Apr 04, 2025 pm 11:27 PM
L'utilisation du groupe React-Transition dans React pour réagir à la confusion quant à la suite d'animations de transition. Dans React Projects, de nombreux développeurs choisiront d'utiliser la bibliothèque de groupes React-Transition pour ...
