Le CSS est un langage qui permet de modifier l’aspect visuel de la page.
Il possède des attributs:
Les principales propriétés CSS
1.Propriétés de mise en forme du texte
Voici une liste non exhaustive des propriétés de mise en forme du texte qui est tout ce qui touche à la présentation du texte proprement dit : le gras, l’italique, le souligné, la police, l’alignement, etc.
Propriétés | Valeurs exemples | Description |
---|---|---|
font-family | Verdana, sans-serif | Nom de la police |
font-size | 20px | Taille du texte |
font-weight | bold, normal | Gras |
font-style | italic, normal, oblique | Italique |
text-decoration | underline, overline, line-through, blink, none | Soulignement, ligne au-dessus, barré ou clignotant |
text-align | left, center, right, justify | Alignement horizontal |
text-shadow | 5px 5px 2px blue (horizontale, verticale, fondu, couleur) |
Ombre du texte |
2.Propriétés des fonds et des couleurs
Propriétés | Valeurs exemples | Description |
---|---|---|
color | rgb(rouge,vert,bleu), #FF00C0 | Couleur du texte |
background-color | rgb(rouge,vert,bleu), #FF00C0 | Couleur de fond |
background-image | url(‘image.jpg’) | Image de fond |
background-position | (x y), top, center, bottom, left, right | Position du fond |
opacity | 0,5 | Transparence |
3.Propriétés des boites
Propriétés | Valeurs exemples | Description |
---|---|---|
width | 125px, 20% | Largeur |
height | 125px, 20% | Hauteur |
margin | 23px 5px 23px 5px (haut, droite, bas, gauche) |
Marge extérieure.Peut de détailler en : margin-top , margin-right , margin-bottom , margin-left . |
padding | 23px 5px 23px 5px (haut, droite, bas, gauche) |
Marge intérieure. Peut se détailler en : padding-top , padding-right , padding-bottom , padding-left . |
border | 3px solid black | Bordure. Combine border-width , border-color , border-style . (largeur, couleur, style) |
border-radius | 5px | Bordure arrondie |
box-shadow | 6px 6px 0px black (horizontale, verticale, fondu, couleur) |
Ombre de la boite |
opacity | 0,5 | Transparence |