170
Maîtrise des CSS
Vous. remarquerez. qu’au. lieu. de. créer. deux. éléments. séparés. appelés. primary-content.
et.secondary-content,.j’ai.simplement.utilisé.les.termes.primary.et.secondary..Je.me.
suis.ensuite.servi.du.fait.que.les.deux.éléments.sont.imbriqués.dans.l’élément.content.pour.
créer.l’association..Cette.méthode.a.plusieurs.avantages..D’une.part,.vous.n’avez.pas.à.créer.
des.noms.de.classes.pour.chacun.des.éléments.que.vous.souhaitez.mettre.en.forme..Au.lieu.
de.cela,.vous.pouvez.tirer.parti.de.la.cascade..D’autre.part,.et.c’est.un.argument.bien.plus.
important,.vous.pouvez.utiliser.les.mêmes.classes.primary.et.secondary.plusieurs.fois,.en.
créant.un.système.de.nommage.flexible..Par.exemple,.supposons.que.vous.souhaitiez.créer.
une.mise.en.page.à.trois.colonnes.au.lieu.de.deux..
Mise en page flottante à trois colonnes
Le.code.HTML.requis.pour.créer.une.mise.en.page.à.trois.colonnes.est.très.proche.de.celui.
utilisé. pour. la. mise. en. page. à. deux. colonnes.. La. seule. différence. tient. à. l’ajout. de. deux.
nouvelles.div.à.l’intérieur.de.la.div.de.contenu.principale :.l’une.pour.le.contenu.principal.
et.l’autre.pour.le.contenu.secondaire..Les.noms.de.classes.flexibles.primary.et.secondary.
peuvent.ainsi.être.utilisés.à.nouveau.