260
Maîtrise des CSS
Ces.sous-colonnes.permettent.en.quelque.sorte.de.travailler.avec.une.grille.à.l’intérieur.de.
la.grille..Elles.offrent.des.points.de.référence.supplémentaires,.des.unités.de.mesure.ou.des.
repères.qui.peuvent.être.utilisés.quand.les.deux.colonnes.ne.sont.pas.assez.précises.pour.le.
positionnement.de.certains.éléments..Observez.l’exemple.de.la.Figure 11.4.et.voyez.comment.les.éléments.sont.alignés.sur.les.principales.colonnes.et.parfois.sur.les.sous-colonnes..
Contrôle de la navigation avec les classes de l’élément
body
La.valeur.attribuée.à.l’élément.body.peut.être.utilisée.pour.changer.la.mise.en.page,.le.comportement.du.contrôle.et.d’autres.choses.importantes.en.CSS..Dans.la.première.édition.de.
ce.livre,.j’ai.utilisé.une.technique.avec.des.ID.pour.l’élément.body.de.chaque.page.afin.de.
contrôler.la.mise.en.page,.en.combinant.cela.avec.une.classe.pour.l’emplacement,.comme.
..Cette.fois,.je.n’utilise.que.la.classe.
Peu.importe.que.vous.utilisiez.un.ID.ou.une.classe.à.cette.occasion ;.la.technique.est.tout.
aussi.efficace.dans.les.deux.cas..
Mise en valeur de la page courante
Il.existe.plusieurs.moyens.de.mettre.en.valeur.la.page.sur.laquelle.vous.vous.trouvez..De.
nombreux.concepteurs.utilisent.d’astucieux.mécanismes.PHP.pour.déclencher.les.CSS,.par.
exemple.en.passant.en.surbrillance.le.lien.Accueil.de.la.barre.de.navigation.principale.quand.
on.se.trouve.sur.la.page.d’accueil..C’est.très.intéressant,.mais.il.est.tout.aussi.facile.de.procéder.en.appliquant.intelligemment.des.CSS,.en.couplant.la.classe.body.et.une.classe.de.
navigation..Voyons.comment.cela.fonctionne.
La.page.est.identifiée.comme.la.page.d’accueil.et.nous.allons.maintenant.nous.assurer.que.
chaque.élément.de.navigation.possède.une.classe.appropriée :
Dans.ce.fragment.de.code,.vous.remarquerez.que.le.lien.Home.possède.la.classe.nav_home..
Nous.avons.également.ajouté.une.classe.à.l’élément.body.de.la.page.Routes,.afin.de.pouvoir.
tester.ce.comportement.par.la.suite :
Maîtrise des CSS
Ces.sous-colonnes.permettent.en.quelque.sorte.de.travailler.avec.une.grille.à.l’intérieur.de.
la.grille..Elles.offrent.des.points.de.référence.supplémentaires,.des.unités.de.mesure.ou.des.
repères.qui.peuvent.être.utilisés.quand.les.deux.colonnes.ne.sont.pas.assez.précises.pour.le.
positionnement.de.certains.éléments..Observez.l’exemple.de.la.Figure 11.4.et.voyez.comment.les.éléments.sont.alignés.sur.les.principales.colonnes.et.parfois.sur.les.sous-colonnes..
Contrôle de la navigation avec les classes de l’élément
body
La.valeur.attribuée.à.l’élément.body.peut.être.utilisée.pour.changer.la.mise.en.page,.le.comportement.du.contrôle.et.d’autres.choses.importantes.en.CSS..Dans.la.première.édition.de.
ce.livre,.j’ai.utilisé.une.technique.avec.des.ID.pour.l’élément.body.de.chaque.page.afin.de.
contrôler.la.mise.en.page,.en.combinant.cela.avec.une.classe.pour.l’emplacement,.comme.
..Cette.fois,.je.n’utilise.que.la.classe.
Peu.importe.que.vous.utilisiez.un.ID.ou.une.classe.à.cette.occasion ;.la.technique.est.tout.
aussi.efficace.dans.les.deux.cas..
Mise en valeur de la page courante
Il.existe.plusieurs.moyens.de.mettre.en.valeur.la.page.sur.laquelle.vous.vous.trouvez..De.
nombreux.concepteurs.utilisent.d’astucieux.mécanismes.PHP.pour.déclencher.les.CSS,.par.
exemple.en.passant.en.surbrillance.le.lien.Accueil.de.la.barre.de.navigation.principale.quand.
on.se.trouve.sur.la.page.d’accueil..C’est.très.intéressant,.mais.il.est.tout.aussi.facile.de.procéder.en.appliquant.intelligemment.des.CSS,.en.couplant.la.classe.body.et.une.classe.de.
navigation..Voyons.comment.cela.fonctionne.
La.page.est.identifiée.comme.la.page.d’accueil.et.nous.allons.maintenant.nous.assurer.que.
chaque.élément.de.navigation.possède.une.classe.appropriée :
Dans.ce.fragment.de.code,.vous.remarquerez.que.le.lien.Home.possède.la.classe.nav_home..
Nous.avons.également.ajouté.une.classe.à.l’élément.body.de.la.page.Routes,.afin.de.pouvoir.
tester.ce.comportement.par.la.suite :