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 une déclaration

Chaque bloc de déclaration (encadré d'accolades) comporte une propriété + une valeur. Ainsi la propriété de graisse d'un police sera font-weight et les valeurs possibles associés pourront être normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900.
Les principales familles de propriétés sont les suivantes

  • Les boîtes : permet de positionner précisément ou de manière relative un bloc de texte ou d'image (associé souvent aux balises DIV ou SPAN). On peut paramétrer en plus les marges, style et largeur de bordure...
  • Les fontes : permet de définir la taille, graisse, famille des polices.
  • Le texte : permet de préciser l'alignement, la décoration (souligné...), l'espacement du texte
  • Les tableaux : pour paramétrer l'espacement ou encore la légende de tableaux.
  • Les listes : pour aller plus loin dans la mise en forme des listes HTML
  • Les couleurs et fonds : afin de définir une couleur d'avant-plan (texte) ou d'arrière plan et pour gérer précisément les fonds images.

D'autres propriétés définissent le positionnement d'élément (images flottantes, bloc avec scroller...), l'aspect du curseur ou encore les styles audios.
Les valeurs possibles pour chaque propriété sont multiples et évoluent avec la norme CSS,
On peut combiner les déclarations en le séparant par un point virgule comme dans l'exemple suivant H1{font-size : 36 pt ; font-family : fantasy ; color : aqua}

prec

suite
tabgbf Lien tabdbf
les tableaux en pdf de ce site donnent de nombreux exemples de déclarations et valeurs pour écrire vos premières feuilles de style:

propriétés et valeurs


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!