Les attributs ID et CLASS - Cours CSS
| Nom du cours: | Les attributs ID et CLASS |
| Auteur: | Guillaume |
| Catégorie: |
Posté dans la catégorie CSS |
| Commentaire(s): |
suite... | 0 commentaire |
Le cours CSS
Appliquer des classes en CSS va vous permettre d'attribuer par exemple la couleur rouge sur le nom: "couleur", donc si par exemple une balise avec l'attribut "class" est égale à couleur, le texte sera en rouge...
L'attribut "id" lui aussi permet d'attribuer plusieurs choses aux balises... à quelques petites différences, c'est les même fonctions.
L'attribut "class" peut se mettre sur n'importe quel balise (titre, paragraphe etc...)
<p class="rouge">Je place mon texte ici</p>
<p class="vert">Je place mon texte ici</p>
<img class="ce_que_vous_voulez" /> Une classe va vous permettre de définir un style personnalisé, par exemple, si vous voulez dire: "Je veux que toutes mes balises avec la classe rouge, soient écrites en rouge", il vous faudra écrire dans un nouveau fichier CSS:
.rouge {
color: red;
}
.vert {
color: green;
}
Pour enregistrer un fichier CSS, ouvrez une nouvelle page, faites fichier>enregistrez sous>feuille.css (n'oubliez surtout pas le .css, vous pouvez bien sûr changer le nom "feuille")
L'attribut ID
Il est comme l'attribut "class" sauf qu'il peut être utilisé qu'une fois, si vous avez des éléments uniques sur vos pages utilisez l'attribut "id" au lieu de "class".
Voici un petit exemple simple mais qui vous montre bien que pour l'attribut "id" un "#" remplace le "." des classes
Les attributs "id" et "class" sont donc identiques, sauf que pour "id" il est fait pour être utilisé qu'une fois...
|
Accueil
Statut
