La feuille de style est un simple fichier texte qui se trouve dans le site. La page web contient un petit code qui demande de l'utiliser. 

Les feuilles de style permettent d'affiner la mise en page générale du site sans devoir intervenir dans les pages. C'est là qu'est définie, par exemple, la couleur du fond de la page, les polices utilisées, leur couleur et leur taille, ainsi que la couleur des liens et leur style (souligné ou pas et la couleur qu'ils prennent quand on passe dessus avec le curseur).

Feuille incorporée:  Une feuille de style incorporée est une feuille de style en cascade «intégrée» dans les balises HEAD d'une page. Les styles de ce type de feuille ne peuvent être appliqués que sur la page mentionnant la feuille dans sa section d'en-tête.
 
  1. Pour créer ou modifier une telle feuille, utilisez la commande Style du menu Format (FrontPage crée automatiquement une feuille de style incorporée ou la modifie si elle existe déjà). La fenêtre ci-dessous s'affiche.

  1. Sélectionnez une balise dans la fenêtre identifiée «Styles».
  2. Pour créer un nouveau style, vous cliquez sur Nouveau. Pour modifier un style existant, vous cliquez sur Modifier. Dans un cas comme dans l'autre, la fenêtre ci-dessous s'affiche.

  1. Cliquez sur le bouton Format.
  2. Sélectionnez un élément dans la liste déroulante, puis ses caractéristiques.
  3. Cliquez sur OK deux fois pour refermer les deux fenêtres.

Remarque :Si une caractéristique de style n'est pas disponible

Si une caractéristique de style n'est pas disponible (elle apparaît grisée).

 

Feuille externe:  Lorsque vous liez les pages d'un site Web à une feuille de style externe et que vous désirez modifier un style, vous le faites à un seul emplacement (dans la feuille de style externe) et toutes les pages liées à cette feuille reflètent automatiquement le changement. Il est possible de spécifier des styles pour les propriétés suivantes :
  • Alignement : marges, espacement, retrait et interlignes.
  • Bordures : style, couleur et largeur.
  • Couleurs : arrière-plan, images d’arrière-plan, attachements, positions verticales et horizontales.
  • Police : police principale, secondaire et grosseur de caractères.
  • Texte : style, transformation, hauteur des lignes, espacement des lettres, alignements horizontaux et verticaux.
 
  1. Dans le menu Fichier, pointez sur Nouveau, puis cliquez sur Page.
  2. Cliquez sur l'onglet Feuilles de style. 
  3. Cliquez ensuite sur le type de feuille de style à créer, puis sur OK. Microsoft FrontPage crée une page de feuille de style avec l'extension de fichier .css et l'ouvre en mode Page.

Lorsque vous créez ou modifiez les styles d'une feuille de style en cascade, vous avez le choix entre taper les informations de style dans la syntaxe CSS ou recourir à la commande Style du menu Format  (comme expliqué dans la section «Feuille incorporée») pour laisser le soin à FrontPage de modifier la feuille de style.

Lier une feuille:  Il est indispensable de lier une page à une feuille de style en cascade externe pour pouvoir appliquer ses styles aux éléments de la page.
 
  1. En mode Page, ouvrez la page à lier à la feuille de style. 
  2. Dans le menu Format, cliquez sur Liens de feuille de style. 
  3. Dans la liste URL (voir image ci-dessous), sélectionnez la feuille de style que vous souhaitez lier à la page.

Si la liste URL n'affiche aucune feuille de style, cliquez sur le bouton Ajouter. Dans la boîte de dialogue «Sélectionner un lien hypertexte», recherchez (bouton Parcourir) la feuille de style à ajouter à la liste et cliquez sur OK.

Pour lier toutes les pages du site Web aux feuilles de style sélectionnées dans la liste URL, cliquez sur «Toutes les pages».

Pour supprimer une feuille de style de la liste URL, sélectionnez-la et cliquez sur «Supprimer».

Pour changer l'ordre des feuilles de style en cascade dans la liste URL, sélectionnez la feuille de style à déplacer, puis cliquez sur «Monter» ou «Descendre».

Ouvrir une feuille: 
  1. Sélectionnez le menu Fichier, option Ouvrir. 
  2. Dans la case «Type de fichiers», sélectionnez «Feuille de style en cascade».  
  3. Repérez le fichier désiré (extension .CSS) et cliquez sur le bouton Ouvrir. Microsoft FrontPage ouvre la feuille de style en mode Page.