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

Informations Générales

[425] Posts sur le forum
[453] Membres inscrits
Il y a en ligne :
arrow 0 Membre
arrow 1 Invité
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.


Publicité


Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

www.

Nos 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