Quelle est la raison de l'échec du CSS ?

Causes de l'échec CSS : 1. La balise div n'est pas fermée ; 2. Déclaration DOCTYPE incorrecte ; 3. Barre oblique de fin ; 4. Remplacement de la balise CDATA en JavaScript ;

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur DELL G3.

Causes de l'échec CSS :

1. La balise div n'est pas fermée

C'est la raison la plus courante. premier échec de conception de mise en page. Il est toujours surprenant d’apprendre combien de conceptions de mise en page délicates échouent à cause de cela. Les balises div ouvertes sont l’une des erreurs de conception de mise en page les plus courantes et l’une des plus difficiles à diagnostiquer. Le validateur pointe parfois vers une mauvaise balise div d'ouverture, ce qui peut être comme chercher une aiguille dans une botte de foin.

2. Déclaration DOCTYPE incorrecte

Ne pas déclarer DOCTYPE, ou déclarer incorrectement DOCTYPE au début du fichier, est également une erreur courante. D’après l’expérience générale, Strict DOCTYPE est le plus haut niveau de vérification recherché par tous. Une validation stricte indique que votre page Web s'affichera de manière optimale sur tous les navigateurs.

3. Barre oblique de fin

Si votre site Web ne peut pas être vérifié, il est très probable que la barre oblique de fin manque quelque part dans le code. Il est facile de négliger des éléments tels que les barres obliques finales, en particulier dans des éléments tels que les balises d'image.

Cela n'a aucun effet dans un DOCTYPE strict. Pour résoudre ce problème, ajoutez "/" à la fin de la balise img.

4. JavaScript

Si Strict DOCTYPE a été déclaré, vous devez remplacer la balise CDATA en JavaScript. Cet aspect du validateur déconcerte de nombreux programmeurs, car les sites Web ont tendance à utiliser du JavaScript intégré pour les publicités et les scripts de suivi.

5. Mauvaise imbrication

L'imbrication signifie que les éléments sont inclus dans les éléments. Il est facile pour nous de confondre l'ordre des éléments imbriqués. Par exemple, démarrez la balise strong avant la balise div, puis fermez d'abord la balise div. Cela ne modifiera peut-être pas la disposition de la section, mais cela invalidera la conception de votre section.

Si vous ne le trouvez toujours pas, il est recommandé d'utiliser le "Mode développeur"/"Mode débogage" (ouvrir avec F12) pour vérifier de quels attributs l'élément correspondant a hérité et si d'autres styles ont été remplacés. le style que vous définissez.

Recommandations d'apprentissage associées : tutoriel CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!