Utiliser un Fichier CSS Externe pour Mettre en Forme un Site Web

Apprenez à créer et à lier un fichier CSS externe pour séparer le contenu HTML de la mise en forme, comme recommandé par le W3C.

Détails de la leçon

Description de la leçon

Dans cette leçon, vous découvrirez comment créer un fichier CSS séparé pour gérer les propriétés de mise en forme de votre site web. Cela suit la recommandation du W3C qui préconise de séparer le fond (code HTML) de la forme (code CSS). Nous vous guiderons à travers la création d'un dossier CSS, la création d'un fichier style.css, et la connexion de ce fichier à votre document HTML via la balise <link>. Nous décrirons également comment définir des propriétés CSS, comme le changement de la couleur de fond de la balise body, pour voir les effets en temps réel.

Objectifs de cette leçon

Apprendre à créer et lier un fichier CSS externe, comprendre l'importance de séparer le HTML du CSS, et être capable de gérer les propriétés de mise en forme via CSS.

Prérequis pour cette leçon

Connaissances de base en HTML et CSS, et savoir utiliser un éditeur de texte comme Sublime Text.

Métiers concernés

Développeurs Front-End, Web Designers, et toute personne travaillant dans le domaine de la création de sites internet.

Alternatives et ressources

Logiciels alternatifs pour l'édition de code comme VSCode, Atom, ou Notepad++.

Questions & Réponses

Séparer le CSS du HTML améliore la maintenabilité et la lisibilité du code, et permet de réutiliser le même fichier CSS pour plusieurs pages.
La balise est utilisée pour lier un fichier CSS externe dans l'élément d'un document HTML.
La propriété CSS 'background-color' permet de changer la couleur de fond d'un élément HTML.