Université on line - Supports en ligne sur le réseau
Université on line dot

Supports -> Feuilles de styles

Forum Plan du site

tabgbc Résumé du cours tabbcbf Liens tabbfbf PDFs tabbfbf Biblio tabbfbf Dico tabdbf

tabgbf Le cours tabdbf

Choisir un type de sélecteur

Le plus simple est d'utiliser un sélecteur de type portant sur une balise HTML présente dans le document. Ainsi en utilisant le style P{color :blue}, tous les textes des paragraphes <P> seront de couleur bleu.
Il peut arriver que vous vouliez faire porter un style sur toutes les balises. Dans ce cas vous pourrez utiliser un sélecteur universel (signe *).
Au contraire, il se peut que vous vouliez cibler vos styles et les appliquer à certaines balises HTML. Dans ce cas il sera bon d'utiliser des sélecteurs de classe (du type .classe). Ainsi, la règle P.indentation (text-indent : 5%) ne s'appliquera qu'au balises paragraphe <P> portant l'attribut <P class=indentation>.
Pour cibler encore plus précisément un style, on peut utiliser un sélecteur d'ID associé à une seule et unique balise (<P id=titre>). Cela sera utile notamment dans l'animation des boîtes en DHTML.

Quand une seule balise HTML peut avoir plusieurs états (Comme la balise lien <A>), il existe des pseudo-classes permettant d'associer un style aux différents états d'une balise. Les liens non visités, actifs, visités et survolés auront dans l'ordre les sélecteurs suivant : A :link ; A :active, A :visited, A :hover...
Il est également possible d'associer des sélecteurs pour faire porter un style selon le contexte. Ainsi la règle H2 + P {font-weight : 400} appliquera un style gras uniquement au paragraphe <P> suivant immédiatement un titre de niveau 2 <H2>.
Pour finir ce tour d'horizon, il faut parler de la possibilité de combiner les sélecteurs portant tous le même style. La règle H1, H2, H3, H4, H5, H6 {font-size : 36 pt} donnera à tous les titre H une taille de 36 points.

prec

suite
tabgbf Lien tabdbf
Un tableau en pdf sur ce site vous aide à choisir le bon sélecteur suivant l'application de votre règle de style:

Choisir un sélecteur


Cours - Liens - PDFs - Biblio - Dico

Copies ou reproductions strictement réservées à l'usage privé ou pédagogique dans un cercle de classe.

"Supports de cours sur le réseau"
Jean-Marc Loisil [universite@online.fr]
 

Valid XHTML 1.0!