[résolu] Quel difference entre bloc, #bloc et .bloc ?

Bonjour,

Je voudrai savoir la difference en ces 3 presentations, sont-elles differentes ?
Je sais qu'il y a une histoire de sous-classe indépendantes, de format indépendant. Mais j'avoue que c'est pas très clair, pour moi c'est pareil tout ça.
Si quelqu'un pouvais y mettre un peu de lumière, je l'en remercie d'avance

bloc {
background-color:bleu;
margin:1cm;
padding:1cm;
font-size:medium;
}

Et :

#bloc {
background-color:bleu;
margin:1cm;
padding:1cm;
font-size:medium;
}

Et celle-ci :

.bloc{
background-color:bleu;
margin:1cm;
padding:1cm;
font-size:medium;
}

Modifié par keitaro (07 May 2005 - 12:08)

Bonjour keitaro,

La 1ère formulation ne veut rien dire car il n'existe pas d'élément bloc.

Ce qui existe c'est des éléments de type block (tels que p, ul, h1 etc...)

La 2ème formulation correspond à un élément auquel tu aurais donné l'identifiant bloc, par exemple :

<p id="bloc">...</p>

Cet identifiant doit être unique dans la page.

La 3ème formulation correspond à une classe s'appliquant à différents éléments

par exemple :

<p class="bloc")>...</p>

<ul  class="bloc">...

salut

Bonjour et merci cbl56,

Euh, j'ai rien compris en fait.

C'est pareil non ?
Je vois aucune difference.

par ex :

si je fais :

<div id="bloc">..</div>

ou

<div class="bloc">..</div>

Qu'est ce qui change ?
Je peux mettre 20 fois ou la premiere ou la seconde dans ma page.
C'est une histoire de preference de "jargon" pour le code ?
Y en a qui prefere l'un et l'autre l'autre ?

Merci.

keitaro a écrit :

Qu'est ce qui change ?
Je peux mettre 20 fois ou la premiere ou la seconde dans ma page.
C'est une histoire de preference de "jargon" pour le code ?
Y en a qui prefere l'un et l'autre l'autre ?
Merci.

Non, il y'a une réelle différence.

En complément de clb56, tu peux lire dans les tutoriels: Quelle est la différence entre une classe et un id ?

#toto est unique dans la page et sert à par exemple opérer des regroupements de plusieurs élément, identifier une zone de navigation, un entête de page, un pied de page, les élements de ton contenu principal.

.toto est une classe que tu peux réutiliser pour divers éléments autant que tu le souhaites dans la page.

De même tu liras avec profit: Comprendre l'héritage et la parenté des styles CSS

Merci à vous.

J'ai compris