teteee
484 mots
2 pages
Partie 1 le texte
En résumé
On modifie la taille du texte avec la propriété CSS font-size. On peut indiquer la taille en pixels (16px), en « em » (1.3em), en pourcentage (110%), etc.
On change la police du texte avec font-family. Attention, seules quelques polices sont connues par tous les ordinateurs. Vous pouvez cependant utiliser une police personnalisée avec la directive @font-face : cela forcera les navigateurs à télécharger la police de votre choix.
De nombreuses propriétés de mise en forme du texte existent : font-style pour l'italique, font-weight pour la mise en gras, text-decoration pour le soulignement, etc.
Le texte peut être aligné avec text-align. Pour le centre center, pour droite left et gauche right,
On peut faire en sorte qu'une image soit habillée (« entourée ») de texte avec float. our droite left et gauche right,
Partie 2 la couleur et le fond
En résumé
On change la couleur du texte avec la propriété color, la couleur de fond avec background-color.
On peut indiquer une couleur en écrivant son nom en anglais (black, par exemple), sous forme hexadéciale (#FFC8D3) ou en notation RGB (rgb(250,25,118)).
On peut ajouter une image de fond avec background-image. On peut choisir de fixer l'image de fond, de l'afficher en mosaïque ou non, et même de la positionner où on veut sur la page.
On peut rendre une portion de la page transparente avec la propriété opacity ou avec la notation RGBa (identique à la notation RGB, avec une quatrième valeur indiquant le niveau de transparence).
Partie 3 les bordure et les ombres
En résumé
On peut appliquer une bordure à un élément avec la propriété border. Il faut indiquer la largeur de la bordure, sa couleur et son type (trait continu, pointillés…).
On peut arrondir les bordures avec border-radius.
On peut ajouter une ombre aux blocs de texte avec box-shadow. On doit indiquer le décalage vertical et horizontal de l'ombre, son niveau d'adoucissement et sa couleur.
Le texte peut lui aussi