194
Maîtrise des CSS
Problèmes CSS courants
Certains.des.problèmes.CSS.les.plus.simples.sont.causés.par.des.erreurs.typographiques.
et.syntaxiques.dans.le.code,.par.exemple.si.vous.oubliez.de.terminer.les.déclarations.par.
un.point-virgule.ou.si.vous.tapez.font-face.au.lieu.de.font-family..L’un.des.moyens.
simples.d’éviter.ces.problèmes.se.trouve.dans.le.choix.d’un.éditeur.CSS.comme.SKEdit.ou.
CSS.Edit,.qui.inclut.une.mise.en.forme.de.la.syntaxe.et.des.fonctionnalités.de.saisie.semiautomatique. du. code.. Ces. fonctionnalités. évitent. les. erreurs. de. base. mais. ne. remplacent.
pas.une.véritable.validation..En.analysant.votre.code.avec.un.service.comme.le.validateur.
CSS.du.W3C.(http://jigsaw.w3.org/css-validator/),.vous.pourrez.repérer.toutes.les.erreurs.
grammaticales,.connaître.les.lignes.concernées.par.les.erreurs.et.obtenir.une.brève.description.
de.chaque.erreur.(voir.Figure 9.1).
Figure 9.1
Le site web Microsoft analysé par le validateur CSS du W3C.
L’extension. Web. Developer. de. Firefox. (https://addons.mozilla.org/en-US/firefox/
addon/60).inclut.des.raccourcis.vers.la.version.en.ligne.des.validateurs.HTML.et.CSS..Firefox. possède. lui-même. un. validateur. HTML. populaire. (http://users.skynet.be/mgueury/
mozilla/).
Lorsque.vous.validerez.votre.code.HTML.et.CSS,.vous.tomberez.peut-être.sur.une.page.
pleine. d’erreurs.. Ne. vous. inquiétez. pas.. La. plupart. d’entre. elles. sont,. en. fait,. le. résultat.
d’une.ou.deux.erreurs.effectives..Si.vous.réparez.la.première.erreur.mentionnée.et.revalidez.
votre.code,.un.grand.nombre.des.erreurs.suivantes.disparaîtront..Procédez.ainsi.à.quelques.
reprises.et.votre.code.devrait.rapidement.se.retrouver.sans.erreurs.
Maîtrise des CSS
Problèmes CSS courants
Certains.des.problèmes.CSS.les.plus.simples.sont.causés.par.des.erreurs.typographiques.
et.syntaxiques.dans.le.code,.par.exemple.si.vous.oubliez.de.terminer.les.déclarations.par.
un.point-virgule.ou.si.vous.tapez.font-face.au.lieu.de.font-family..L’un.des.moyens.
simples.d’éviter.ces.problèmes.se.trouve.dans.le.choix.d’un.éditeur.CSS.comme.SKEdit.ou.
CSS.Edit,.qui.inclut.une.mise.en.forme.de.la.syntaxe.et.des.fonctionnalités.de.saisie.semiautomatique. du. code.. Ces. fonctionnalités. évitent. les. erreurs. de. base. mais. ne. remplacent.
pas.une.véritable.validation..En.analysant.votre.code.avec.un.service.comme.le.validateur.
CSS.du.W3C.(http://jigsaw.w3.org/css-validator/),.vous.pourrez.repérer.toutes.les.erreurs.
grammaticales,.connaître.les.lignes.concernées.par.les.erreurs.et.obtenir.une.brève.description.
de.chaque.erreur.(voir.Figure 9.1).
Figure 9.1
Le site web Microsoft analysé par le validateur CSS du W3C.
L’extension. Web. Developer. de. Firefox. (https://addons.mozilla.org/en-US/firefox/
addon/60).inclut.des.raccourcis.vers.la.version.en.ligne.des.validateurs.HTML.et.CSS..Firefox. possède. lui-même. un. validateur. HTML. populaire. (http://users.skynet.be/mgueury/
mozilla/).
Lorsque.vous.validerez.votre.code.HTML.et.CSS,.vous.tomberez.peut-être.sur.une.page.
pleine. d’erreurs.. Ne. vous. inquiétez. pas.. La. plupart. d’entre. elles. sont,. en. fait,. le. résultat.
d’une.ou.deux.erreurs.effectives..Si.vous.réparez.la.première.erreur.mentionnée.et.revalidez.
votre.code,.un.grand.nombre.des.erreurs.suivantes.disparaîtront..Procédez.ainsi.à.quelques.
reprises.et.votre.code.devrait.rapidement.se.retrouver.sans.erreurs.