pour koi le # en CSS

Version imprimable

30/07/2006, 19h14
H-bil

pour koi le # en CSS
salut
j'ai une petite question:
Code:

1 2 3 4 #texte{ .... }
pour koi le # :oops:
merci
30/07/2006, 19h43
hazardous_material
C'est pour définir une id, ainsi dans ton html tu trouvera :

Code:

<p id="texte">Du texte.</p>

Il y a aussi les les classes définies par un '.', par exemple :
Code:

1 2 3 .classe { ... }
La différence entre les id et les classes, c'est qu'un id tu ne l'appelle qu'une seule fois, alors qu'une classe tu peux l'appeler n fois.
31/07/2006, 11h31
delas

Citation:

La différence entre les id et les classes, c'est qu'un id tu ne l'appelle qu'une seule fois, alors qu'une classe tu peux l'appeler n fois.

ca veut dire quoi ca? appeler plusieurs fois une classe?

on le peut avoir d'un id identique par page. Une classe peut etre utilisée autant de fois que l'on souhaite dans une page.

exemple correcte
Code:

1 2 3 4 <html><head><title>ok</title></head><body> <div id="id1">dummy</div> <div id="id2">dummy</div> </body><html>
exemple faux
Code:

1 2 3 4 <html><head><title>bad</title></head><body> <div id="id1">dummy</div> <div id="id1">dummy</div> </body><html>
ca ne pause aucun probleme pour une classe
Code:

1 2 3 4 5 <html><head><title>ok</title></head><body> <div class="class1">dummy</div> <div class="class1">dummy</div> <p class="class1">dummy</p> </body><html>

ce qui est dit dans ce post est vrai, mais je ne crois pas que ce soit la meilleure facon d'aborder la différence entre classe et id.

Un petit exemple:

tu as une page avec différents articles. Chaque article se démarque grâce à une image d'arrière plan spécifique...
Code:

1 2 3 4 5 6 7 <div class="article" id="peche_mouche" > blzqaf keznlf kzel kzlek z <div> <div class="article" id="culture_banzai"> leikfj lziejf lzeih lzeih lzierht lz </div>
avec la classe article tu peux définir la police de caractètre, la couleur du texte les marges... tout ce que tu veux en fait.
l'identifiant te permet de rajouter les propriétés spécifiques à un article

CSS:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 .article { font-family: arial; text-indent: 3em; color: silver; etc... } #peche_mouche { background-image: url(./image/peche.gif); } #culture_banzai { background-image:url(./image/banzai.gif); }
voilà, j'espère que cet exemple t'aura permis de saisir la nuance