» » Pourquoi css

Pourquoi css

Déboguer le code prend parfois plus de temps que de l'écrire. La même chose s'applique aux feuilles de style en cascade. Pour savoir pourquoi CSS ne fonctionne pas, vous devez savoir à l'avance ce qu'il faut rechercher.

Le lien vers le fichier est


Le code CSS peut être trouvé à la fois dans le document HTML et dans un fichier séparé avec la même extension. Si CSS est dans un fichier externe et ne fonctionne pas, la première étape consiste à vérifier le lien dans le code HTML.
Le lien (href) doit être écrit dans une seule balise de lien. Le contenu du lien dans HTML5 devrait ressembler à ceci: href = "style.css" rel = "stylesheet". N'oubliez pas que la balise de lien elle-même est située entre les balises de tête de clé appariées. Après la valeur href, le nom du fichier css à joindre au document (ce n'est pas nécessairement un style) est spécifié. Si le fichier avec les styles est dans un dossier différent, il est nécessaire de spécifier le chemin d'accès à l'aide de la barre oblique (/).

La syntaxe de CSS est


Si le lien est OK, et CSS ne fonctionne toujours pas, vous devez vérifier la syntaxe dans le code.
D'abord, vérifiez le sélecteur. Le sélecteur doit correspondre à ce qui est écrit dans le fichier html. C'est-à-dire, si en html le class = "container" est sélectionné, alors en CSS sur l'emplacement du sélecteur le ".container" est prescrit. Faites attention au point avant le titre. Le point est placé juste avant les cours. Si vous écrivez un style pour les en-têtes h1 aucun point n'est nécessaire.

Le bloc lui-même, où le style est déclaré, est écrit après le nom du sélecteur entre accolades. Entre le nom de la propriété et sa valeur est un deux-points, suivi par un point-virgule.

Navigateur


Si le navigateur sur lequel vous vérifiez votre code css est déjà obsolète, il ne peut pas afficher correctement le langage CSS3. Par conséquent, si le code ne fonctionne pas, mettez à jour votre navigateur vers la dernière version.
Utilisez différents navigateurs pour tester: Opera, Google Chrome, Firefox. Il n'est pas recommandé de s'appuyer sur Internet Explorer, car son développement pour Microsoft n'est pas la tâche principale, ce qui conduit à son "insolvabilité" par rapport à CSS3. Les nouvelles versions de navigateurs pour le code de débogage contiennent un module spécial qui vous permet d'éditer le code directement dans le navigateur. Pour ce faire, cliquez sur "Afficher le code source" dans le menu contextuel de la fenêtre.

Héritage


La chose la plus difficile est de comprendre CSS avec l'héritage. Alors que c'est le plus souvent la base du code non-travail.
CSS fonctionne sur le même principe que les matriochkas. Un récipient est mis dans un autre, le troisième est dedans, etc. Pour apprendre toutes les subtilités de l'héritage, vous devez passer beaucoup de temps. Vous pouvez commencer avec un élémentaire.

Tout d'abord, essayez logiquement d'identifier exactement où l'erreur se produit dans le code CSS. Vous comprendrez facilement ceci, parce que en raison d'une erreur à l'un des éléments est affiché dans le navigateur va tomber de l'image fournie par vous.

Lorsque vous trouvez un conteneur ou un autre élément auquel le style non travaillé est appliqué, examinez attentivement l'élément "imbriqué".

Peut-être l'élément parent contient une propriété qui ne fonctionne pas une autre propriété dans l'élément enfant. Plus d'informations sur l'héritage peuvent être trouvées dans n'importe quel livre de référence CSS.