L’homme.a.par.nature.tendance.à.organiser.le.monde.qui.l’entoure..Les.scientifiques.créent.
des.listes.d’animaux,.de.plantes.et.d’éléments.chimiques..Les.magazines.créent.des.listes.
présentant.les.meilleurs.films,.les.dernières.tendances.de.la.mode.et.les.célébrités.les.plus.
mal.habillées..Les.gens.font.des.listes.de.courses,.des.listes.de.choses.à.faire.et.écrivent.des.
listes.au.Père.Noël..Tout.le.monde.adore.faire.des.listes.
Les. listes. permettent. de. regrouper. des. éléments. apparentés. et,. ce. faisant,. de. leur. donner.
une.signification.et.une.structure..La.plupart.des.pages.web.en.contiennent,.qu’il.s’agisse.
de.listes.des.derniers.articles,.de.listes.de.liens.vers.des.pages.web.favorites.ou.de.listes.de.
liens.vers.d’autres.parties.du.site..Le.fait.d’identifier.ces.éléments.sous.forme.de.liste.et.
de.les.marquer.de.la.sorte.peut.aider.à.structurer.les.documents.HTML.et.donc.fournir.des.
ancrages.utiles.pour.appliquer.les.styles.
Au.cours.de.ce.chapitre,.vous.apprendrez.à :
•. mettre.en.forme.des.listes.avec.des.CSS ;
•. utiliser.des.images.d’arrière-plan.en.guise.de.puces ;
•. créer.des.barres.de.navigation.verticale.et.horizontale ;
•. créer.des.systèmes.de.navigation.élastiques.à.onglets ;
•. créer.des.menus.déroulants.entièrement.en.CSS ;.
•. créer.des.cartes-images.CSS ;.
•. créer.des.survols.distants ;.
•. utiliser.des.listes.de.définitions.
Mise en forme de base des listes
La.mise.en.forme.de.base.des.listes.est.très.simple..Supposons.que.vous.commenciez.par.
cette.simple.liste.de.tâches.à.faire :

• Lire les e-mails


• Écrire un chapitre


• Faire les courses


• Faire à manger


• Regarder Lost

Pour.ajouter.une.puce.personnalisée,.vous.pouvez.utiliser.la.propriété.list-style-image..
Vous. n’aurez. cependant. pas. grand. contrôle. sur. la. position. de. la. puce.. Préférez. plutôt.
désactiver.les.puces.des.listes.et.ajouter.les.vôtres.sous.la.forme.d’images.d’arrière-plan..
Mise en forme des listes et
création de barres de navigation
6