272
Maîtrise des CSS
La.leçon.à.retenir.est.de.ne.pas.se.décourager.à.cause.d’Internet.Explorer.et.de.ses.défaillances..
Je.vous.encourage.tous.à.expérimenter.l’incroyable.flexibilité.de.RGBa.dès.maintenant,.sur.
une.variété.d’éléments.dans.vos.maquettes..Vous.n’en.démordrez.plus.et.toutes.vos.mises.
en.page.y.gagneront !
Combinaison de classes
Je.suis.toujours.ébahi.quand.je.parle.à.des.concepteurs.qui.ne.savent.pas.que.les.classes.
peuvent.être.combinées.pour.un.traitement.plus.flexible.des.éléments..
Vous.pouvez.ainsi.utiliser.class="profile".plusieurs.fois.dans.une.page.donnée,.en.attribuant. des. informations. de. couleur. et. de. disposition. courantes.. Mais. imaginons. que. vous.
souhaitiez.ne.modifier.que.la.couleur.d’arrière-plan.en.fonction.d’un.unique.critère,.comme.
le.fait.que.l’utilisateur.soit.un.membre.ou.un.simple.invité..Au.lieu.de.créer.deux.styles.de.
profil.pour.proposer.ces.références.de.couleur.distinctes,.vous.pouvez.conserver.simplement.
les.couleurs.dans.des.règles.séparées.et.les.combiner.avec.la.classe.profile.
.profile {
width:300px;
margin:0 10px;
padding:10px;
font-size:11px;
}
.guest {
background-color:#ff9900;
}
.member {
background-color:#ff0000;
}
Ce.style.peut.ensuite.être.appliqué.avec.différentes.combinaisons.de.classes.selon.le.statut.de.
l’utilisateur..Vous.pouvez.combiner.autant.de.classes.que.vous.le.souhaitez,.en.les.séparant.
simplement.par.un.espace,.comme.ceci :

Dans.le.site.CTM,.nous.avons.combiné.des.classes.pour.ajouter.un.cadre.autour.de.certaines.
images.illustrées..Vous.remarquerez.qu’à.côté.de.la.classe.captioned_image.nous.avons.
ajouté.la.classe.polaroid :

Il.est.maintenant.possible.de.définir.la.mise.en.forme.pour.ce.cadre.de.Polaroïd..Celle-ci.va.
faire.appel.quelques.autres.astuces.de.la.spécification.CSS 3.