Définition d'un style css

à jour le
1er décembre. 2003
suite

 

A quoi s'appliquera-t-il ?

[illustration]

  • Redéfinir la balise html : permet de définir une apparence particulière pour les différentes balises d'une page ;
  • Créer un style personnalisé : de créer de nouvelles apparences, indépendantes des balises traditionnelles du html, appelées "classes" : on distingue les classes des balises par un point placé devant leur nom ;
  • Utiliser le sélecteur CSS :
    1. crée des apparences propres au lien (selon son état : inactivé, au passage de la souris, visité)
    2. On peut aussi créer une apparence propre à un seul élément de la page, déterminé par son identifiant : on distingue ces sélecteurs par un dièse placé devant leur nom.

On peut définir le style dans un fichier externe au document (il sera donc réutilisable) ou dans le document lui-même.

Quelles seront ses caractéristiques ?

[illustration]

Type : typographie du texte

Arrière plan : permet de définir une couleur voire une image d'arrière-plan pour un type d'élément (balise, classe, ...) donné. Pour définir un arrière-plan de la page, on appliquera ce style à la balise <body>, ce qui permet de "jouer" sur la position et la répétition de l'image de fond.

Bloc : concerne la disposition du texte.

Boîte : à part les définitions de marge, ne sert pratiquement à définir les caractéristiques (dimensions et comportement) d'un calque <div>

Bordure : permet d'ajouter des bordures de taille et d'apparence diverses autour de l'élément concerné.

Liste : détermine :

  • le type de la numérotation (puces, chiffres arabes, romains, ...)
  • et l'apparence d'une liste

Positionnement : permet de définir la position (dans les 3 dimensions) d'un calque sur la page. Plus l'index Z est grand, plus le calque est "en avant" par rapport aux autres.

Extensions : regroupe des caractéristiques diverses (saut de page à l'impression, apparence du curseur, ...).
! en savoir plus

Eric recommander ce site
Pichon site (cours internet)

haut de page suiteModèle

Creative Commons License. Attribution : ce site peut être reproduit et distribué à condition que l'auteur initial, eric pichon, soit cité.- Non commercial : aucune adaptation, reproduction ou utilisation de ce site ne peut être faite à des fins commerciales, sans accord de l'auteur ('licensor') - Share Alike : des adaptations de ce site ne peuvent être diffusées que sous une licence identique.