Sinon, pour rappel, la différence entre "class" et "id", c'est qu'un id est unique dans la page -- donc tu ne peux avoir dans ton source XHTML qu'une seule balise ayant un id="toto" par exemple. A utiliser pour pouvoir styler/positionner un élément forcément unique (menu principal, pied de page...). Javascript peut aussi accéder à ces éléments clairement identifiés (avec document.getElementByID). Les class seront par contre partagés entre tous les éléments; on peut ensuite spécialiser un élément qui possède deja une class par un id.
Typiquement, sur le site tutorials-fr de Ludovic, toutes les boites "tutoriaux" "liens" "statistiques"... seront implémentées par exemple avec un <div class="boite_a_liens">, et le css décrira pour cette classe générale les bordures, la couleur de fond, le style des liens et des listes. Ensuite, un ID différent par boite <div class="boite_a_liens" id="boite_forums"> permettra de donner la touche finale; dans le CSS, on pourra utiliser l'ID pour coller une image distincte à la place du titre par exemple, ou positionner la boite dans la page si on veut un design compliqué.
[^] # Re: http://csszengarden.com/
Posté par daggett . En réponse au journal recherche modèle XHTML+CSS libre pour mon site perso. Évalué à 9.
Sinon, pour rappel, la différence entre "class" et "id", c'est qu'un id est unique dans la page -- donc tu ne peux avoir dans ton source XHTML qu'une seule balise ayant un id="toto" par exemple. A utiliser pour pouvoir styler/positionner un élément forcément unique (menu principal, pied de page...). Javascript peut aussi accéder à ces éléments clairement identifiés (avec document.getElementByID). Les class seront par contre partagés entre tous les éléments; on peut ensuite spécialiser un élément qui possède deja une class par un id.
Typiquement, sur le site tutorials-fr de Ludovic, toutes les boites "tutoriaux" "liens" "statistiques"... seront implémentées par exemple avec un <div class="boite_a_liens">, et le css décrira pour cette classe générale les bordures, la couleur de fond, le style des liens et des listes. Ensuite, un ID différent par boite <div class="boite_a_liens" id="boite_forums"> permettra de donner la touche finale; dans le CSS, on pourra utiliser l'ID pour coller une image distincte à la place du titre par exemple, ou positionner la boite dans la page si on veut un design compliqué.