pour koi le # en CSS

**H-bil** · 30/07/2006, 19h14

salut
j'ai une petite question:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
#texte{
....
}

pour koi le #

merci

**hazardous_material** · 30/07/2006, 19h43

C'est pour définir une id, ainsi dans ton html tu trouvera :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**delas** · 31/07/2006, 11h31

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?

**masu** · 31/07/2006, 11h42

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**MasterOfChakhaL** · 31/07/2006, 13h49

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

pour koi le # en CSS

CSS

Vue hybride

Discussions similaires

Partager

Partager