Lorsque je suis entré en contact avec CSS pour la première fois, j’étais souvent perdu, je ne savais pas par où commencer ni comment commencer. Après avoir obtenu un rendu, de nombreuses questions nous ont troublé. Comment le mettre en page ? Positionnement absolu ou positionnement relatif, quel label choisir ? Quelle structure adopter. .etc. .Bien sûr, dans le processus d'écriture du code, nous rencontrerons de nombreux problèmes, en particulier nous, les novices, qui ne connaissons pas très bien tous les aspects et manquons d'expérience, nous sommes donc souvent perdus lorsque nous rencontrons des problèmes. Je pense que lorsque l’on rencontre des problèmes, il faut apprendre à les résumer pour éviter de refaire les mêmes erreurs la prochaine fois.
Voici quelques erreurs courantes que j’ai résumées dans mon travail :
et les conseils de solutions espèrent être utiles aux débutants en CSS.
1. Vérifiez s'il y a des fautes d'orthographe dans les éléments HTML ou si vous avez oublié de fermer les balises.
Même les meilleurs experts commettront de telles erreurs, car lorsque la structure de la page est très complexe et imbriquée dans plusieurs couches, il est facile de perdre la balise de fermeture. Surtout comme moi, qui suis habitué à écrire dans le Bloc-notes, il m'est plus facile de faire des erreurs. Soyez donc prudent lorsque vous écrivez.
2. Vérifiez si le CSS est correct
En général, l'erreur la plus courante en CSS est que les noms d'attributs dans le style et le HTML sont incohérents. Du coup, le style a été clairement écrit, mais il n’a aucun effet.
3. Utilisez l'arrière-plan pour trouver le calque correspondant
Lorsque nous débogons des erreurs, en particulier lors du débogage de la compatibilité du navigateur, il existe de nombreuses couches imbriquées, sujettes au désalignement et au chevauchement. À ce stade, nous ajoutons des couleurs d'arrière-plan aux couches clés pour montrer la différence. Cela aide à éliminer les erreurs.
4. Déterminer l'emplacement de l'erreur par méthode d'élimination
Lorsque nous écrivons du codage CSS, nous en faisons généralement un peu, puis nous le prévisualisons. Si une erreur se produit à ce moment-là, nous pouvons supprimer le calque nouvellement ajouté jusqu'à ce qu'il s'affiche normalement pour déterminer à quel calque réside le problème.
5. L'élément float doit spécifier l'attribut width
De nombreux navigateurs ont des bugs lors de l'affichage d'éléments flottants avec une largeur non spécifiée. Ainsi, quel que soit le contenu de l'élément float, l'attribut width doit être spécifié pour celui-ci.
6. Supprimez les styles en double
Souvent, nous déclarons les styles publics en tête, puis nous les oublions lorsque nous les écrivons ci-dessous. Par exemple, nous avons déclaré img{border:none;} au début
Puis, quand j'ai rencontré la balise img, je l'ai réécrite. Cette situation doit être évitée.
7. Faites attention au format d'encodage
Dans des circonstances normales, les formats d'encodage que nous utilisons sont : gb2312 et UTF8. Il n’y a aucune distinction entre le bien et le mal. Mais ne les mélangez pas. De nombreux éditeurs utilisent par défaut le format UTF8.
8. Ordre d'écriture des styles de liens
Après que de nombreuses personnes écrivent des styles de liens, la couleur après avoir cliqué n'est pas celle qu'elles souhaitent. À ce stade, elles doivent vérifier l'ordre dans lequel les styles de liens sont écrits. L’ordre d’écriture correct doit être : LVHA.