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.
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)