css

Les feuilles de style (CSS)

Les styles et surtout les feuilles de styles sont des outils puissants et très utiles pour l’auteur de documents HTML.

Un peu à la manière des traitements de textes, les styles offrent un moyen efficace pour contrôler l’apparence et le rendu des documents une fois consultés par l’utilisateur.

Le principe de feuilles de style (CSS) est de simplifier la conception d’une page web.

Exemple : au lieu de définir séparément pour chaque titre qui sera en gras avec le HTML, on ne l’écrit qu’une seule fois dans la feuille de style et le navigateur se chargera de l’appliquer. Il devient ainsi plus facile de donner un aspect uniforme à votre site.

Les Feuilles de style (CSS) » Formatage du texte

Propriété
Description
font Police générale
font-weight Épaisseur de police
font-style Style de police
font-family Famille de police
font-variant Variante de police
font-size Taille de police
word-spacing Espacement des mots
letter-spacing Espacement des lettres
line-height Hauteur de lignes
text-transform Transformation du texte
text-align Alignement horizontal du texte

Les Feuilles de style (CSS) » Couleurs et arrières-plans

Propriété
Description
color Couleur
background Arrière-plan
background-color Couleur de l’arrière-plan
background-image Image d’arrière-plan
background-attachment Effet de filigrane

Les Feuilles de style (CSS) » Formatage des listes

Propriété
Description
list-style Propriété de la liste (général)
list-style-position Retrait de liste
list-style-type Type de liste
list-style-image Image de liste

Les Feuilles de style » Comment utiliser les css ?

La première solution consiste à placer les codes css dans la partie HEAD du document HTML entre les balises et . La deuxième consiste à les placer dans un autre fichier ayant l’extension .css et de l’appeler depuis la page web en plaçant cette balise dans la partie HEAD du document.