03 - Mise en forme avec CSS (les bases)

Article publié le Dimanche 05 avril 2026 , lu 2 fois

Jusqu’à présent, nos pages HTML sont fonctionnelles… mais visuellement très simples.

Nous allons maintenant apprendre à les rendre plus agréables grâce au CSS.

1. Qu’est-ce que le CSS ?

Le CSS (Cascading Style Sheets) permet de styliser une page HTML.

Il agit sur :

HTML = structure CSS = apparence

Il existe plusieurs façons d’ajouter du CSS.

La plus simple pour débuter :

<style>
p {
    color: red;
}
</style>

Ce code rend tous les paragraphes rouges.

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

Sélecteur par balise :

p { }

Sélecteur par classe :

.important { }

Dans le HTML :

<p class="important">Texte</p>

body {
    background-color: #f5f5f5;
}

h1 {
    color: #333;
}

p {
    font-family: Arial;
}

Chaque élément HTML est une boîte.

p {
    margin: 20px;
    padding: 10px;
    border: 1px solid black;
}

Vous venez de découvrir les bases du CSS.

Dans le prochain chapitre, nous verrons comment organiser une page avec Flexbox.