🌈 Introduction au CSS

Le CSS (Cascading Style Sheets) est le langage qui permet de styliser vos pages HTML. Il contrôle la couleur, la taille, la disposition et bien plus encore.

📌 Pourquoi utiliser le CSS ?

• 🎨 Personnaliser l'apparence de votre site
• 📱 Rendre votre site responsive (adapté aux mobiles)
• 🧩 Séparer le contenu (HTML) de la présentation (CSS)

🧱 Structure de base

sélecteur {
  propriété: valeur;
}

Exemple :

p {
  color: blue;
  font-size: 16px;
}

🎯 Sélecteurs courants

• p : tous les paragraphes
• .classe : tous les éléments avec la classe spécifiée
• #id : l'élément avec l'identifiant spécifié

🎨 Propriétés essentielles

• color : couleur du texte
• background-color : couleur de fond
• font-size : taille de la police
• margin : marge extérieure
• padding : marge intérieure
• border : bordure

📐 Mise en page avec Flexbox

Flexbox est un outil puissant pour créer des mises en page flexibles et responsives.

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

⚠️ Erreurs fréquentes à éviter

• Oublier les points-virgules ; à la fin des déclarations
• Utiliser des sélecteurs trop génériques qui affectent trop d'éléments
• Ne pas tester sur différents navigateurs

💡 Bonnes pratiques

• Organiser votre CSS en sections claires
• Utiliser des noms de classes significatifs
• Commenter votre code pour le rendre plus lisible