Voici une liste complète des balises CSS avec des explications claires, précises et

des exemples concrets :

​ color: Définit la couleur du texte à l'intérieur de l'élément HTML. Exemple :

color: red;
​ font-size: Définit la taille de la police du texte à l'intérieur de l'élément HTML.
Exemple : font-size: 16px;
​ font-family: Définit la famille de polices utilisée pour le texte à l'intérieur de
l'élément HTML. Exemple : font-family: Arial, sans-serif;
​ font-weight: Définit l'épaisseur de la police du texte à l'intérieur de l'élément
HTML. Exemple : font-weight: bold;
​ text-align: Définit l'alignement horizontal du texte à l'intérieur de l'élément
HTML. Exemple : text-align: center;
​ text-decoration: Définit la décoration du texte, telle que le soulignement, la
ligne au-dessus ou la ligne au-dessous. Exemple : text-decoration:
underline;
​ text-transform: Transforme le texte en majuscules, en minuscules ou en
capitales. Exemple : text-transform: uppercase;
​ line-height: Définit la hauteur de ligne à l'intérieur de l'élément HTML,
spécifiée en pixels ou en unités sans dimension. Exemple : line-height:
1.5;
​ background-color: Définit la couleur d'arrière-plan de l'élément HTML.
Exemple : background-color: #f0f0f0;
​ background-image: Définit une image d'arrière-plan pour l'élément HTML.
Exemple : background-image: url('image.jpg');
​ background-size: Définit la taille de l'image d'arrière-plan. Exemple :
background-size: cover;
​ background-position: Définit la position de l'image d'arrière-plan. Exemple :
background-position: center;
​ width: Définit la largeur de l'élément HTML. Exemple : width: 300px;
​ height: Définit la hauteur de l'élément HTML. Exemple : height: 200px;
​ margin: Définit les marges autour de l'élément HTML. Exemple : margin:
10px;
​ padding: Définit l'espace entre le contenu de l'élément HTML et ses bordures.
Exemple : padding: 5px;
​ border: Définit les propriétés de la bordure autour de l'élément HTML.
Exemple : border: 1px solid #000;
​ border-radius: Définit le rayon des coins arrondis d'un élément avec une
valeur en pixels ou en pourcentage. Exemple : border-radius: 5px;
​ display: Définit le type d'affichage de l'élément HTML (par exemple, block,
inline, flex, etc.). Exemple : display: inline-block;
​ position: Définit le type de positionnement de l'élément HTML (par exemple,
static, relative, absolute, etc.). Exemple : position: absolute;
 ​ top, bottom, left, right: Définit la position de l'élément HTML par rapport à
son conteneur lorsque le positionnement est absolute ou fixed. Exemple :
top: 20px;
​ float: Définit le flottement d'un élément HTML par rapport aux autres
éléments. Exemple : float: left;
​ clear: Spécifie le comportement d'un élément HTML lorsqu'il est à côté
d'éléments flottants. Exemple : clear: both;
​ z-index: Définit la position de l'élément HTML dans la pile d'éléments,
affectant son ordre d'affichage. Exemple : z-index: 10;
​ opacity: Définit l'opacité de l'élément HTML (valeurs comprises entre 0 et 1,
où 0 est totalement transparent et 1 est complètement opaque). Exemple :
opacity: 0.5;
​ overflow: Contrôle le comportement de dépassement du contenu lorsque
celui-ci dépasse les dimensions de l'élément parent. Exemple : overflow:
hidden;
​ cursor: Définit l'apparence du curseur de la souris lorsqu'il survole un
élément. Exemple : cursor: pointer;
​ transition: Définit les propriétés de transition (telles que
transition-property, transition-duration, transition-timing-function
et transition-delay) pour créer des animations fluides lors de changements
d'état d'un élément. Exemple : transition: width 0.3s ease-in-out;
​ box-shadow: Ajoute une ombre à un élément en spécifiant la couleur, le flou,
les coordonnées horizontales/verticales et le rayon. Exemple : box-shadow:
2px 2px 4px #888;
​ text-shadow: Ajoute une ombre au texte en spécifiant la couleur, le flou et les
coordonnées horizontales/verticales. Exemple : text-shadow: 1px 1px 2px
#000;

Ces exemples couvrent une large gamme de propriétés CSS couramment utilisées. Il
est important de noter que les valeurs spécifiées dans les exemples peuvent être
modifiées en fonction de vos besoins spécifiques.