Aller au contenu

Sujets conseillés

Posté (modifié)

Bonjour !

voilà, comme précisé dans ma présentation toute récente, je me lance dans la création de sites web. J'apprends en ce moment les bases du CSS te je viens de tomber sur un petit os :s : les "Sélecteur id" !! en effet je ne comprends pas vraiment leur but et encore moins n'arrive a les faire fonctionner.

Si quelqu'un à une réponse...elle est la bienvenue ! merci :P

et encore une fois, bonne année à tous ;)

lien "sélécteur id" : http://mammouthland.free.fr/cours/css/cours1_2.php

Modifié par ptit-bout
Posté

C'est simplement une alternative au selecteur "class" avec quelques différences:

- L'id doit être unique dans ta page

- l'id peut aussi servir d'ancre.

ps : dans ta feuille de style l'id est précédé d'un dièse (#)

exemple

<head>
<style>
#menu {
color: red;
}
</style>
</head>
<body>
<div id="menu">
ton menu
</div>
...
</body>

Posté

Bonjour,

La lecture de cet article t'aidera à comprendre les notions de base d'une feuille de style.

Et les spécifications du W3C t'apprendront les rôles de ces deux attributs :

L'attribut id a plusieurs rôles dans HTML :

    * comme sélecteur dans une feuille de style ;

    * comme ancre cible de liens hypertextes ;

    * comme moyen d'appeler un élément particulier à partir d'un script ;

    * comme nom d'un élément OBJECT déclaré ;

    * pour un traitement universel par les agents utilisateurs (par exemple, pour identifier les champs lors de l'extraction des données des pages HTML pour peupler une base de données, pour traduire des documents HTML dans d'autres formats, etc.).

L'attribut class, au contraire, assigne un ou plusieurs noms de classe à un élément ; on peut dire de l'élément qu'il appartient à ces classes. Un nom de classe peut être partagé par plusieurs instances d'éléments. L'attribut class a plusieurs rôles dans HTML :

    * comme sélecteur dans une feuille de style (quand l'auteur souhaite assigner une information de style à un ensemble d'éléments) ;

    * pour un traitement universel par les agents utilisateurs.

(agents utilisateurs = navigateur)

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...