36
Maîtrise des CSS
Cette. manière. de. décomposer. les. CSS. en. plusieurs. feuilles. de. styles. était. une. procédure.
courante,.que.je.recommandais,.il.y.a.peu.encore..Les.récents.bancs.d’essai.des.navigateurs.
semblent.cependant.suggérer.que.l’importation.des.feuilles.de.styles.est.moins.rapide.que.
leur.liaison.
Il. existe. deux. autres. problèmes. liés. à. la. vitesse. dans. le. cas. de. l’utilisation. de. plusieurs.
fichiers. CSS.. Pour. commencer,. le. fait. d’utiliser. plusieurs. fichiers. conduit. à. envoyer. plus.
de.paquets.depuis.le.serveur,.et.c’est.leur.nombre.(plutôt.que.leur.contenu).qui.affecte.le.
temps.de.téléchargement..En.outre,.les.navigateurs.ne.peuvent.télécharger.simultanément.
qu’un.nombre.limité.de.fichiers.du.même.domaine..Pour.les.anciens.navigateurs,.cette.limite.
se.réduisait.à.deux.pauvres.fichiers,.et.les.navigateurs.modernes.ont.monté.la.barre.à.huit.
fichiers..Dans.un.ancien.navigateur,.avec.trois.feuilles.de.styles,.il.fallait.attendre.que.les.
deux. premiers. fichiers. se. téléchargent. pour. que. la. transmission. du. troisième. commence..
Voilà.pourquoi.un.unique.fichier.CSS.bien.structuré.peut.aider.à.améliorer.considérablement.
les.vitesses.de.téléchargement.
Le.recours.à.un.unique.fichier.CSS.permet.aussi.de.conserver.tout.le.code.au.même.endroit..
Il. m’est. arrivé. de. recommander. de. décomposer. le. code. pour. en. faciliter. la. maintenance..
Malheureusement,.c’était.souvent.difficile.de.déterminer.si.une.déclaration.était.liée.à.la.
mise.en.page.ou.à.la.typographie.du.site..Parfois,.elle.pouvait.ressortir.aux.deux.et.il.fallait.
trancher.de.manière.arbitraire..Cela.nécessitait,.en.outre,.de.conserver.plusieurs.feuilles.de.
styles.ouvertes.et.de.basculer.constamment.des.unes.aux.autres..Grâce.aux.fonctionnalités.
de.réduction.des.lignes.de.code.proposées.par.la.plupart.des.éditeurs.CSS,.il.est.maintenant.
plus.facile.d’éditer.un.unique.fichier..Il.semble.donc.préférable.d’utiliser.un.unique.fichier.
CSS.plutôt.que.plusieurs.petits..Tout.dépend.cependant.du.site.concerné ;.aucune.règle.ne.
vaut.uniformément.pour.tous.les.sites.en.la.matière.
Lorsque.vous.écrirez.vos.propres.feuilles.de.styles,.vous.aurez.une.idée.plutôt.claire.de.la.
manière.dont.elles.sont.structurées,.des.problèmes.que.vous.avez.rencontrés.et.des.raisons.
qui.vous.ont.poussé.à.faire.les.choses.d’une.manière.et.pas.d’une.autre..Si.vous.rouvrez.
vos.feuilles.de.styles.six.mois.plus.tard,.il.est.fort.probable.que.vous.aurez.oublié.bien.des.
choses. à. ce. sujet.. Il. arrivera. peut-être. aussi. que. vous. deviez. confier. vos. CSS. à. un. autre.
. programmeur.chargé.de.l’éditer..Il.est.donc.préférable.de.commenter.votre.code.
Les.commentaires.CSS.s’ajoutent.très.facilement..Ils.commencent.par./*.et.se.terminent.par.
*/..Ce.sont.des.commentaires.dits."de.style C",.car.il.s’agit.du.type.de.commentaire.utilisé.
dans.le.langage.de.programmation C..Ils.peuvent.être.d’une.ligne.ou.multilignes.et.peuvent.
apparaître.n’importe.où.dans.le.code..
/* Styles du corps de page */
body {
font-size: 67.5%; /* Définit la taille de police */
}
Quand.les.fichiers.CSS.s’allongent,.il.peut.devenir.difficile.de.retrouver.certains.styles..L’un.
des.moyens.d’accélérer.cette.tâche.consiste.à.ajouter.un.drapeau.à.chacun.des.en-têtes.de.
commentaire..Il.s’agit.d’un.mot.supplémentaire.qui.précède.le.texte.d’en-tête.et.n’apparaît.
pas,.naturellement,.dans.les.fichiers.CSS..Une.recherche.portant.sur.ce.drapeau.suivi.des.
deux.premières.lettres.de.l’en-tête.de.commentaire.conduira.ainsi.directement.à.la.partie.du.
Maîtrise des CSS
Cette. manière. de. décomposer. les. CSS. en. plusieurs. feuilles. de. styles. était. une. procédure.
courante,.que.je.recommandais,.il.y.a.peu.encore..Les.récents.bancs.d’essai.des.navigateurs.
semblent.cependant.suggérer.que.l’importation.des.feuilles.de.styles.est.moins.rapide.que.
leur.liaison.
Il. existe. deux. autres. problèmes. liés. à. la. vitesse. dans. le. cas. de. l’utilisation. de. plusieurs.
fichiers. CSS.. Pour. commencer,. le. fait. d’utiliser. plusieurs. fichiers. conduit. à. envoyer. plus.
de.paquets.depuis.le.serveur,.et.c’est.leur.nombre.(plutôt.que.leur.contenu).qui.affecte.le.
temps.de.téléchargement..En.outre,.les.navigateurs.ne.peuvent.télécharger.simultanément.
qu’un.nombre.limité.de.fichiers.du.même.domaine..Pour.les.anciens.navigateurs,.cette.limite.
se.réduisait.à.deux.pauvres.fichiers,.et.les.navigateurs.modernes.ont.monté.la.barre.à.huit.
fichiers..Dans.un.ancien.navigateur,.avec.trois.feuilles.de.styles,.il.fallait.attendre.que.les.
deux. premiers. fichiers. se. téléchargent. pour. que. la. transmission. du. troisième. commence..
Voilà.pourquoi.un.unique.fichier.CSS.bien.structuré.peut.aider.à.améliorer.considérablement.
les.vitesses.de.téléchargement.
Le.recours.à.un.unique.fichier.CSS.permet.aussi.de.conserver.tout.le.code.au.même.endroit..
Il. m’est. arrivé. de. recommander. de. décomposer. le. code. pour. en. faciliter. la. maintenance..
Malheureusement,.c’était.souvent.difficile.de.déterminer.si.une.déclaration.était.liée.à.la.
mise.en.page.ou.à.la.typographie.du.site..Parfois,.elle.pouvait.ressortir.aux.deux.et.il.fallait.
trancher.de.manière.arbitraire..Cela.nécessitait,.en.outre,.de.conserver.plusieurs.feuilles.de.
styles.ouvertes.et.de.basculer.constamment.des.unes.aux.autres..Grâce.aux.fonctionnalités.
de.réduction.des.lignes.de.code.proposées.par.la.plupart.des.éditeurs.CSS,.il.est.maintenant.
plus.facile.d’éditer.un.unique.fichier..Il.semble.donc.préférable.d’utiliser.un.unique.fichier.
CSS.plutôt.que.plusieurs.petits..Tout.dépend.cependant.du.site.concerné ;.aucune.règle.ne.
vaut.uniformément.pour.tous.les.sites.en.la.matière.
Lorsque.vous.écrirez.vos.propres.feuilles.de.styles,.vous.aurez.une.idée.plutôt.claire.de.la.
manière.dont.elles.sont.structurées,.des.problèmes.que.vous.avez.rencontrés.et.des.raisons.
qui.vous.ont.poussé.à.faire.les.choses.d’une.manière.et.pas.d’une.autre..Si.vous.rouvrez.
vos.feuilles.de.styles.six.mois.plus.tard,.il.est.fort.probable.que.vous.aurez.oublié.bien.des.
choses. à. ce. sujet.. Il. arrivera. peut-être. aussi. que. vous. deviez. confier. vos. CSS. à. un. autre.
. programmeur.chargé.de.l’éditer..Il.est.donc.préférable.de.commenter.votre.code.
Les.commentaires.CSS.s’ajoutent.très.facilement..Ils.commencent.par./*.et.se.terminent.par.
*/..Ce.sont.des.commentaires.dits."de.style C",.car.il.s’agit.du.type.de.commentaire.utilisé.
dans.le.langage.de.programmation C..Ils.peuvent.être.d’une.ligne.ou.multilignes.et.peuvent.
apparaître.n’importe.où.dans.le.code..
/* Styles du corps de page */
body {
font-size: 67.5%; /* Définit la taille de police */
}
Quand.les.fichiers.CSS.s’allongent,.il.peut.devenir.difficile.de.retrouver.certains.styles..L’un.
des.moyens.d’accélérer.cette.tâche.consiste.à.ajouter.un.drapeau.à.chacun.des.en-têtes.de.
commentaire..Il.s’agit.d’un.mot.supplémentaire.qui.précède.le.texte.d’en-tête.et.n’apparaît.
pas,.naturellement,.dans.les.fichiers.CSS..Une.recherche.portant.sur.ce.drapeau.suivi.des.
deux.premières.lettres.de.l’en-tête.de.commentaire.conduira.ainsi.directement.à.la.partie.du.