Détails du sujet

Règles CSS

Une règle CSS comprend un sélecteur html et un bloc de déclaration contenant une propriété et une valeur.

exemple : h1 {color:blue;}

"color" est la propriété et "blue" est sa valeur.

Toutes les cartes

color

couleur d'un texte

  • color: blue
  • color : rgb(255,204,153)
  • color: #FF0000

background-color

couleur de l'arrière plan


background-image

Définit une image pour l'arrière plan

background-image : url("image.png");


background-position

Définit la position d'une image

ex: background-position: 50% 20%;


line-height

distance entre les lignes


text-align

aligne le texte dans un élément 

(left, right, center, justify)


text-decoration

modifie la décoration d'un texte

(none, underline...)


text-transform

modifie les lettres dans un texte

(none, uppercase, lowercase, capitalize)


font-size

Définit la taille de police d'un texte

(px, %, em, rem...)


font-family

Définit la famille de police d'un texte

  • "Helvetica"
  • serif
  • inherit

font-style

Définit le style d'un texte

(normal, italic, inherit...)


font-weight

Définit l'épaisseur d'une police

  • normal, light, bold, bolder
  • 100, 200 ...900

a:link

sélecteur pour un lien non visité


a:visited

sélecteur d'un lien visité


a:hover

sélecteur pour un lien lorsque la souris est dessus (doit obligatoirement venir après a:link et a:visited)


a:active

Sélecteur pour un lien au moment du clic de la souris (doit obligatoirement venir après a:hover)


list-style-image

Défini une image en tant que marqueur de liste

ex : list-style-image: url("image.png");


list-style-position

Définit la position du marqueur de liste

(inside, outside...)


list-style-type

Définit le type de marqueur de liste

ex:

  • ul {list-style-type: square};
  • ol {list-style-type: upper-roman};

border-color

Définit la couleur des 4 bordures (haut, droite, bas, gauche)


margin

Définit la marge extérieure (après la bordure)


padding

Définit la marge entre le contenu et la bordure (marge intérieure d'un élément)