Associez une feuille de style

Quand vous associez une feuille de style à une page web, les règles définies dans la feuille sont appliquées aux éléments correspondants de la page. Par exemple, quand vous associez la feuille de style de cafe_townsend.css à la page index.html, tout texte de paragraphe (texte mis en forme avec la balise <p> dans le code HTML) est mis en forme suivant la règle CSS que vous avez définie.

1. Dans la fenêtre de document, ouvrez le fichier index.html de Cafe Townsend. (Vous pouvez cliquer sur sa balise si elle est déjà ouverte.)
2. Sélectionnez le texte du premier paragraphe que vous avez collé dans la page dans Didacticiel : Ajout de contenu aux pages.

   
   
   

3. Regardez dans l'inspecteur de propriété et assurez-vous que le paragraphe est mis en forme avec la balise paragraphe.

   Si le menu déroulant Mise en forme dans l'inspecteur de propriété indique « Paragraphe », alors le paragraphe est mis en forme avec la balise paragraphe. Si le menu déroulant Mise en forme dans l'inspecteur de propriété indique « Aucun », sélectionnez Paragraphe pourmettre le paragraphe en forme.

   
   
   

4. Répétez l'étape 3 pour le deuxième paragraphe.
5. Dans l'angle inférieur droit du panneau Styles CSS (Fenêtre > Styles CSS), cliquez sur le bouton Associer feuille de style.

   
   
   

6. Dans la boîte de dialogue Associer feuille de style externe, cliquez sur Naviguer et naviguez jusqu'au fichier cafe_townsend.css que vous avez créé à la section précédente.
7. Cliquez sur OK.

   Le texte dans fenêtre de document est mis en forme suivant la règle CSS de la feuille de style externe.