CSS ‱ Page 1 / Introduction

Bienvenue dans le monde du CSS 🎹

Maintenant que tu sais créer une page HTML, il est temps d'apprendre à la rendre belle ! Le CSS est le langage qui permet de styliser une page web : couleurs, tailles, bordures, polices, positions
 tout passe par lui.

1. Qu’est-ce que le CSS ?

Le CSS signifie Cascading Style Sheets. En français : feuilles de style en cascade. Il sert à donner du style à ton HTML.

HTML = structure CSS = design JavaScript = actions

Exemple simple

h1 {
  color: red;
  font-size: 40px;
}
Vidéo d'introduction :

Le CSS sert à


2. Comment utiliser le CSS ?

Il existe 3 façons d’ajouter du CSS dans un document.

1) MĂ©thode inline (dans la balise)

<h1 style="color: blue;">Bonjour</h1>

2) MĂ©thode interne (balise <style>)

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

3) Méthode externe (fichier .css) ⭐ recommandée

<link rel="stylesheet" href="style.css">
La mĂ©thode externe est ce qu’utilisent tous les sites professionnels.

Quelle est la meilleure façon d’utiliser le CSS ?

3. Petit exercice pratique

Crée un fichier style.css et mets :

h1 {
  color: #4f8bff;
  text-align: center;
}

p {
  color: #d4d6ea;
  font-size: 18px;
}

Puis relie ton HTML :

<link rel="stylesheet" href="style.css">

Comment s'appelle la balise qui relie un fichier CSS externe ?

← Revenir au HTML Page suivante : Couleurs →