Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 139490 ]
Votre IP fleche [ 38.103.63.16 ]
Vous êtes ici : Home Page Cours CSS Definition des classes
Imprimer Imprimer le document

Informations Membres

[192] Posts sur le forum
[177] Membres inscrits
Il y a en ligne :
  arrow 0 Membre
  arrow 2 Invités

fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.


Nom de domaine

www.

Partenaires

Définition des classes

Les classes de style permettent de créer plusieurs styles différents pour une même balise HTML.

Dans la définition des styles, il suffira d'ajouter un nom de classe au sélecteur de balise et de les séparer par un point (".").
Ensuite, présent dans toutes les instructions HTML, l'attribut "class" est utilisé dans le but de faire référence à un nom de classe afin que lui soit appliqué le style en question.

Le nom de classe ne peut être composé que de lettres dont les caractères accentués, de nombres et de tirets.
Les classes fonctionnent aussi bien dans le cadre des sélecteurs multiples que dans celui des sélecteurs contextuels.
Enfin, la dernière règle empêche l'imbrication des classes de style.

L'attribut class="Nom de classe" permet de faire référence à une classe d'une feuille de style.

Attention ! L'attribut class est effectivement utilisable dans pratiquement toutes les balises HTML sauf :
html, head, base, meta, title, script, style, param, basefont

Exemple :
<html>
 <head>
  <style type="text/css">
  <!--
   Sélecteur de balise .Nom de classe {Propriété1:Valeur1; ...}
  -->
  </style>
 </head>

 <body>
   <balise class="Nom de classe"></balise>
 </body>
</html>

Les classes universelles

Il est possible de créer une classe sans lui affecter une balise spécifique. Pour cela, il suffit de déclarer un nom de classe précédé d'un point avant la définition des propriétés.

Dans ce cas de figure, toutes les instructions HTML peuvent utiliser cette classe par l'intermédiaire de l'attribut class.

Exemple :
<html>
 <head> 
  <style type="text/css">
  <--
   .Nom de classe {Propriété1:Valeur1; ...}
  -->
    </style>
 </head>

 <body>
  <balise class="Nom de classe">
  ...
  <autre_Balise class="Nom de classe">
 </body>
</html>
Haut de page