196
Maîtrise des CSS
L’une de.ses.fonctionnalités.permet.d’inspecter.un.élément.afin.de.voir.quels.styles.CSS.
sont.redéfinis..Elle.procède.en.barrant.tous.les.styles.redéfinis.à.d’autres.endroits.dans.la.
feuille.de.styles.(voir.Figure 9.2).
Figure 9.2
Les styles sont
barrés lorsqu’ils
sont redéfinis
dans d’autres
parties de la
feuille de styles.
Problèmes liés à l’effondrement des marges
L’effondrement. des. marges. (voir. le. Chapitre  3). est. une. autre. fonctionnalité. CSS. qui,.
lorsqu’elle.est.mal.comprise,.conduit.les.développeurs.à.s’arracher.les.cheveux..Considérez.
l’exemple.simple.d’un.paragraphe.imbriqué.dans.un.élément.div :

La.div.box.se.voit.attribuer.une.marge.de.10 pixels.et.le.paragraphe.une.marge.de.20 pixels :
#box {
margin: 10px;
background-color:#d5d5d5;
}
p {
margin: 20px;
background-color:#6699FF;
}
On.s’attendrait.normalement.à.ce.que.le.style.résultant.ressemble.à.la.Figure 9.3,.avec.
une.marge.de.20 pixels.entre.le.paragraphe.et.la.div.et.une.marge.de.10 pixels.autour.de.
la.div..