Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

 

Attacher une feuille de style externe avec Dreamweaver

Ce tutoriel illustre la fixation ou l'attachement d'une feuille de style externe dans Dreamweaver CS.

Un des avantages de l'utilisation de feuilles de style externes, c'est que nous pouvons les appliquer à n'importe laquelle de nos pages web. Cela peut aider non seulement dans la cohérence, mais à gagner du temps en copiant des éléments de conception entre les sites et les pages.

Nous avons déjà une feuille de style externe, nous allons donc maintenant l'appliquer à une page différente.

Commencez avec cette page.

Page exemple

Pour fixer la feuille de style existante, sélectionnez Styles CSS dans le menu Format.

Attacher feuille de style externe

Sélectionnez Attacher feuille de style ... à partir du menu déroulant et vous voyez la boîte de dialogue Ajouter une feuille de style externe.

Attacher feuille de style externe

Accédez à la feuille de style que nous avons créé plus tôt par Parcourir et naviguez jusqu'à son emplacement.

Appuyez sur OK, et la feuille de style externe est attaché à la page.

Maintenant, nous pouvons utiliser les règles dans la feuille. Par exemple, ici j'ai choisi la première ligne sur la page et cliquez sur la liste déroulante Règle cible dans le panneau Propriétés.

Choisir règle cible

Toutes les règles de la feuille de style sont à ma disposition. Je choisis: "header" et notez l'effet.

Règle cible header

La règle CSS header/ en-tête est appliquée à la première ligne.

Il est important de comprendre ce qui se passe lorsque l'on applique une feuille de style. Pour la feuille que nous venons de joindre, voici la section de la feuille de style relative au corps de la page.

CSS corps de page

La balise body est modifiée de sorte que la couleur de fond soit réglée, la police et la taille sont fixées et la couleur de police est activé. Tout le corps du texte dans la page à laquelle nous attachons la feuille de style a des changements en conséquence par défaut. Pour tous les styles spécifiques ou des éléments du corps il peut y avoir des modifications supplémentaires qui remplacent cela.

 

   

 

 

Chaîne YouTube

 

Extras Dreamweaver

Autres fonctions Dreamweaver

Référencement de site