Bases de CSS

CSS (Cascading Style Sheets) est utilisé pour styliser vos éléments HTML. Exemple :

body {
    background-color: #f4f4f9;
    color: #333;
    font-family: Arial, sans-serif;
}

h1 {
    color: #35495e;
}

Sélecteurs

• Sélecteur de type : Cible les éléments par leur nom (ex. : p).
• Sélecteur de classe : Cible les éléments par leur classe (ex. : .ma-classe).
• Sélecteur d'ID : Cible les éléments par leur ID (ex. : #mon-id).

CSS Avancé

Flexbox

Flexbox est utilisé pour créer des mises en page flexibles et responsives :

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

Grille

CSS Grid est un système de mise en page puissant :

.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}