Appliquez des exemples de feuilles de style de Dreamweaver à vos pages ou utilisez-les comme points de départ pour créer vos propres styles.
Sous Dreamweaver CC et versions ultérieures, le panneau Styles CSS a été remplacé par CSS Designer. Pour plus d’informations, consultez la section CSS Designer.
Dreamweaver est fourni avec des exemples de feuilles de style que vous pouvez appliquer à vos pages ou que vous pouvez utiliser comme points de départ pour créer vos propres styles.
-
Ouvrez le panneau Styles CSS en procédant de l’une des manières suivantes :
Choisissez Fenêtre > Styles CSS.
Appuyez sur les touches Maj+F11.
-
Dans le panneau Styles CSS, cliquez sur le bouton Attacher une feuille de style. (Dans le coin inférieur droit du panneau.)
-
Dans la boîte de dialogue Ajouter une feuille de style externe, cliquez sur Exemples de feuilles de style.
-
Dans la boîte de dialogue Exemples de feuilles de style, sélectionnez une feuille de style dans la liste déroulante.
Lorsque vous sélectionnez des feuilles de style dans la zone de liste, le formatage du texte et des couleurs s'affiche dans le panneau d'aperçu.
-
Cliquez sur le bouton Aperçu pour appliquer la feuille de style et vérifier que le style de votre choix est bien appliqué à la page active.
Si les styles appliqués ne sont pas ceux que vous escomptiez, sélectionnez une autre feuille de style dans la liste et cliquez sur le bouton Aperçu pour visualiser les styles correspondants.
-
Par défaut, Dreamweaver enregistre la feuille de style dans un dossier nommé CSS au niveau juste en dessous de la racine du site défini pour votre page. Si ce dossier n'existe pas, Dreamweaver le crée. Vous pouvez enregistrer le fichier dans un autre emplacement en cliquant sur le bouton Parcourir pour rechercher un autre dossier.
-
Lorsque vous trouvez une feuille de style dont les règles correspondent à vos critères, cliquez sur OK.
Adobe
Recevez de l’aide plus rapidement et plus facilement
Nouvel utilisateur ?