CSS

🎨 Couleurs en CSS

CSS permet de définir la couleur du texte, du fond ou des bordures.

/* Couleur du texte */
color: red;

/* Couleur de fond */
background-color: #0F214B;

/* Couleur de la bordure */
border: 2px solid green;
   

✏️ Police et texte

On peut personnaliser la police, la taille, la graisse et l'alignement.

/* Police et taille */
font-family: Arial, sans-serif;
font-size: 18px;

/* Épaisseur du texte */
font-weight: bold;  /* normal, bold */

/* Alignement du texte */
text-align: center; /* left, right, center, justify */
   

📦 Box Model (marges et padding)

Chaque élément HTML peut avoir :

• margin : espace extérieur autour de l'élément
• padding : espace intérieur entre le contenu et la bordure
• border : bordure autour de l'élément
• width & height : largeur et hauteur

div {
   width: 200px;
   height: 100px;
   padding: 20px;   /* espace intérieur */
   margin: 30px;    /* espace extérieur */
   border: 2px solid white;
}
   

📐 Flexbox

Permet d'aligner facilement les éléments horizontalement ou verticalement.

.container {
   display: flex;
   justify-content: center; /* alignement horizontal */
   align-items: center;     /* alignement vertical */
   gap: 10px;               /* espace entre les éléments */
}
   

✅ Exemple complet CSS

p {
   color: white;
   background-color: #0F214B;
   font-size: 18px;
   font-weight: bold;
   padding: 10px;
   text-align: center;
   border: 2px solid white;
}