28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

voila je voulais savoir quelle était la différence dans un css entre :

#


div.


si je ne me trompe pas un simple point s'applique aux classes

D'avance merci.
Modifié par uniuc (10 Dec 2013 - 09:40)
les ID reprennent un élément unique dans un HTML. #id
Les classes plusieurs éléments dans l'HTML. .class

Les propriétées css avec un id sont supérieur a des classes.
Modifié par artsx (28 Nov 2013 - 12:19)
Deja merci pour ta réponse,

En faite ce qui m'intrigue le plus c'est ce que j'ai vu sur un css.
le code html donnais ca :


<div class="navbar">
<a href=" " class="active" style="width:115px"><span>Home</span></a>
<a href="onglet-1.html " class=" " style="width:115px"><span>Onglet-1</span></a>
<a href="onglet-2.html" class=" " style="width:115px"><span>onglet-2</span></a>
...

et le css donne ceci:



div.navbar {

  position: relative;
  top: 0px;
  width: 960px;
  display: block;
  float: left;
  clear: both;
  border-radius: 10px;
  background: #353d46; /* Old browsers */

}


ce que j'ai du mal a comprendre c'est le
div.navbar


Je vois bien qu'il a coller une class a une div mais, pourquoi pas un ID ?
Modifié par uniuc (28 Nov 2013 - 12:38)
pour utiliser l'id ça aurait du être div id="navbar" hors il a utilisé une div class="navbar" donc pour le styliser en css, pour "attraper" la navbar comme c'est une class il a mis une div.navbar
le . = class
le # = id

ID = on l'utilise qu'une fois dans l'HTML,
la class plusieurs fois, ensuite les gens code comme ils veulent, nomme comme ils veulent mais ca c'est LA règle.

Au passage si jamais tu fais #navbar avec comme html div class="navbar" le css ne fonctionnera pas.
ha ok merçi

Tu viens de m'intriguer avec ta réponse.

Quand tu dit L'ID ne s’utilise qu'une fois tu veut dire qu'on le pose qu'une seule fois par page ou par élément ?
Modifié par uniuc (28 Nov 2013 - 13:07)
dans le code HTML, on met un div id="bidule" qu'une seule fois dans le document html.
Tu peux pas mettre plusieurs id du même nom, sémantiquement c'est une erreur.
C'est uniquement les class ou tu peux les mettre autant de fois que tu veux dans le même document HTML