Il vous permet de suivre les règles CSS et les propriétés qui affectent un élément de page sélectionné (mode Actuel), ou les règles et les propriétés qui affectent l'ensemble d'un document (mode Tous). Il vous permet également de modifier les propriétés CSS sans ouvrir une feuille de style externe.
Assurez-vous que la page index.html est ouverte dans la fenêtre de document.
Dans le panneau Styles CSS (Fenêtre > Styles CSS), cliquez sur Tous dans la partie supérieure du panneau et vérifiez vos règles CSS.
En mode Tous, le panneau CSS vous affiche toutes les règles CSS qui s'appliquent au document actif, qu'elles soient dans une feuille de style externe ou dans le document lui-même. Vous devriez apercevoir deux catégories principales dans le volet Toutes les règles : une catégorie de balise <style> et une catégorie cafe_townsend.css.
Cliquez sur plus (+) pour développer la catégorie de balise <style> si elle est réduite.
Cliquez sur la règle body.
La propriété background-color avec une valeur de #000000 apparaît en bas dans le volet Propriétés.
REMARQUE
Il vous faudra peut-être réduire un autre panneau, tel que le panneau Fichiers, pour voir le panneau Styles CSS in extenso. Vous pouvez aussi modifier la longueur du panneau des Styles CSS en faisant glisser les bordures entre les volets.
Vous définissez la couleur d'arrière-plan pour la page dans Didacticiel : Création d'une mise en forme de page basée sur un tableau en utilisant la boîte de dialogue Modifier propriétés de page. Quand vous définissez ainsi des proprétés de page, Dreamweaver rédige un style CSS qui est interne au document.
Cliquez sur plus (+) pour développer la catégorie cafe_townsend.css.
Cliquez sur la règle p.
Toutes les propriétés et valeurs que vous avez définies dans la feuille de style externe pour la règle p apparaissent au bas du volet Propriétés.
Dans le document de fenêtre, cliquez une fois en un endroit quelconque dans l'un ou l'autre des paragraphes que vous venez de mettre en forme.
Dans le panneau Styles CSS, cliquez sur Sélection dans la partie supérieure du panneau et vérifiez vos styles CSS. En mode Sélection, le panneau CSS affiche un récapitulatif des propriétés pour la sélection active. Les propriétés affichées correspondent aux propriétés pour la règle p dans la feuille de style externe.
Dans la prochaine section, vous utiliserez le panneau Styles CSS pour créer une nouvelle règle. Utiliser le panneau Styles CSS pour créer une nouvelle règle est beaucoup plus facile que saisir la règle à la main, comme vous l'avez fait quand vous avez créé une feuille de style externe au départ..
