34
Maîtrise des CSS
En.utilisant.une.classe.pour.le.type.de.page.et.un.ID.pour.la.page.spécifique,.vous.profitez.
d’un.contrôle.précis.sur.l’apparence.et.la.mise.en.page.de.votre.site..C’est.l’une.de.mes.
techniques.favorites.pour.concevoir.des.sites.faciles.à.gérer..
Héritage
Les.gens.confondent.souvent.l’héritage.et.la.cascade..Si,.au.premier.abord,.ces.deux.notions.
s’apparentent,.elles.sont.en.réalité.assez.différentes..L’héritage.est.plus.facile.à.comprendre..
Certaines.propriétés,.comme.la.couleur.ou.la.taille.des.polices,.sont.héritées.par.les.descendants.des.éléments.auxquels.elles.sont.appliquées..Par.exemple,.si.vous.attribuez.à.l’élément.
body.une.couleur.de.texte.noire,.le.texte.de.tous.les.descendants.de.cet.élément.apparaîtra.
également.en.noir..Il.en.va.de.même.pour.les.tailles.de.police..Si.vous.donnez.à.l’élément.
body.une.taille.de.police.de.1.4 em.(cadratin),.tous.les.éléments.de.la.page.doivent.hériter.
cette.taille.de.police..Je.dis."doivent",.car.Internet.Explorer.sous.Windows.et.Netscape.ont.
quelques.problèmes.avec.l’héritage.des.tailles.de.police.dans.les.tableaux..Pour.contourner.
ce. problème,. vous. devez. soit. indiquer. explicitement. que. les. tableaux. doivent. hériter. des.
tailles.de.police,.soit.définir.séparément.leurs.tailles.de.police..
Figure 2.5
Firebug est un plug-in pratique de Firefox qui permet d’analyser différents éléments et de voir d’où
proviennent les styles qui leur sont appliqués.
Si.vous.définissez.la.taille.de.police.de.l’élément.body,.vous.remarquerez.que.ce.style.n’est.
pas.répercuté.sur.les.titres.de.la.page..Vous.pourriez.en.déduire.que.les.titres.n’héritent.pas.la.
propriété.de.taille.du.texte.mais,.en.réalité,.c’est.la.feuille.de.styles.par.défaut.du.navigateur.
qui.définit.la.taille.des.titres..Tous.les.styles.qui.sont.appliqués.directement.à.un.élément.
redéfinissent.un.style.hérité..Les.styles.hérités.possèdent.en.effet.une.spécificité.nulle..
Maîtrise des CSS
En.utilisant.une.classe.pour.le.type.de.page.et.un.ID.pour.la.page.spécifique,.vous.profitez.
d’un.contrôle.précis.sur.l’apparence.et.la.mise.en.page.de.votre.site..C’est.l’une.de.mes.
techniques.favorites.pour.concevoir.des.sites.faciles.à.gérer..
Héritage
Les.gens.confondent.souvent.l’héritage.et.la.cascade..Si,.au.premier.abord,.ces.deux.notions.
s’apparentent,.elles.sont.en.réalité.assez.différentes..L’héritage.est.plus.facile.à.comprendre..
Certaines.propriétés,.comme.la.couleur.ou.la.taille.des.polices,.sont.héritées.par.les.descendants.des.éléments.auxquels.elles.sont.appliquées..Par.exemple,.si.vous.attribuez.à.l’élément.
body.une.couleur.de.texte.noire,.le.texte.de.tous.les.descendants.de.cet.élément.apparaîtra.
également.en.noir..Il.en.va.de.même.pour.les.tailles.de.police..Si.vous.donnez.à.l’élément.
body.une.taille.de.police.de.1.4 em.(cadratin),.tous.les.éléments.de.la.page.doivent.hériter.
cette.taille.de.police..Je.dis."doivent",.car.Internet.Explorer.sous.Windows.et.Netscape.ont.
quelques.problèmes.avec.l’héritage.des.tailles.de.police.dans.les.tableaux..Pour.contourner.
ce. problème,. vous. devez. soit. indiquer. explicitement. que. les. tableaux. doivent. hériter. des.
tailles.de.police,.soit.définir.séparément.leurs.tailles.de.police..
Figure 2.5
Firebug est un plug-in pratique de Firefox qui permet d’analyser différents éléments et de voir d’où
proviennent les styles qui leur sont appliqués.
Si.vous.définissez.la.taille.de.police.de.l’élément.body,.vous.remarquerez.que.ce.style.n’est.
pas.répercuté.sur.les.titres.de.la.page..Vous.pourriez.en.déduire.que.les.titres.n’héritent.pas.la.
propriété.de.taille.du.texte.mais,.en.réalité,.c’est.la.feuille.de.styles.par.défaut.du.navigateur.
qui.définit.la.taille.des.titres..Tous.les.styles.qui.sont.appliqués.directement.à.un.élément.
redéfinissent.un.style.hérité..Les.styles.hérités.possèdent.en.effet.une.spécificité.nulle..