Créer ou modifier une feuille de style en cascade

Important :  Cet article a été traduit automatiquement, voir l’avertissement. Vous pouvez consulter la version en anglais de cet article ici.

Les feuilles de style en cascade (CSS) vous permettent de contrôler la présentation de vos pages Web. À l'aide d'une feuille de style en cascade, vous pouvez précisément positionner et définir l'apparence des éléments sur une page Web.

Une feuille de style en cascade peut être externe, interne ou intraligne par rapport à une page Web et une page Web peut utiliser simultanément un ou plusieurs types de feuilles de style en cascade. En général, les styles qui sont définis dans une feuille de style en cascade intraligne sont prioritaires sur ceux d'une feuille de style interne ou externe et les styles d'une feuille de style en cascade interne sont prioritaires sur ceux d'une feuille de style externe.

Que voulez-vous faire ?

Créer une CSS externe

Créer une CSS interne

Créer une feuille de style en cascade intraligne

Créer une CSS externe

Utilisez une feuille de style externe lorsque vous voulez appliquer de manière cohérente les mêmes styles à une partie ou à la totalité des pages Web de votre site. En définissant des styles dans une ou plusieurs feuilles de style externes et en les attachant à des pages Web, vous pouvez garantir une présentation cohérente à l'ensemble de votre site. Si vous décidez de modifier un style, il vous suffit d'effectuer une seule fois la modification dans la feuille de style en cascade externe pour qu'elle soit automatiquement appliquée à toutes les pages Web faisant référence à ce style et à cette feuille de style.

Une feuille de style en cascade externe se trouve dans un fichier .css, tel que core.css. La syntaxe d'une feuille de style en cascade externe est la même que pour une feuille de style interne, à la différence que les styles définis dans une feuille de style externe ne sont pas entourés de balises <style>.

Créer une feuille de style en cascade externe vierge

  • Dans le menu Fichier, pointez sur Nouveau, puis cliquez sur Feuille de style CSS.

    Conseil : Vous pouvez également cliquer sur la flèche vers le bas sur le bouton de Nouveau Document Bouton sur les barres d’outils Standard ou commun, puis cliquez sur CSS.

Créer en même temps un style et une feuille de style en cascade externe

  1. Dans le menu Format, cliquez sur Nouveau style.

    Conseil : Vous pouvez également cliquer sur Nouveau style dans le volet Office Appliquer les styles ou Gérer les styles, ou dans la barre d'outils Style.

  2. Dans la boîte de dialogue Nouveau style, dans la zone Définir dans, cliquez sur Nouvelle feuille de style.

Haut de la Page

Créer une feuille de style en cascade interne

Utilisez une feuille de style en cascade interne, parfois appelée feuille de style en cascade incorporée, lorsque vous voulez définir des styles uniquement pour la page Web active et également lorsque vous voulez remplacer les styles qui sont définis dans une feuille de style externe attachée à la page Web active.

Une CSS interne est contenue dans les balises < tête > d’une page Web.

Exemple de feuille de style interne

<style type="text/css">
.alert {
font-weight: bold;
color: #FF0000;
}
h1 {
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
}
#headlines {
border-color: #000000;
border-width: thin;
border-style: solid;
}
</style>

Créer une feuille de style en cascade interne

  1. Ouvrez la page Web qui va contenir la feuille de style en cascade interne.

  2. Dans le menu Format, cliquez sur Nouveau style.

    Conseil : Vous pouvez également cliquer sur Nouveau style dans le volet Office Appliquer les styles ou Gérer les styles, ou dans la barre d'outils Style.

  3. Dans la boîte de dialogue Nouveau style, dans la zone Définir dans, sélectionnez Page active.

Haut de la Page

Créer une feuille de style en cascade intraligne

Utilisez un style intraligne pour appliquer des propriétés de feuille de style en cascade à des éléments individuels d'une page lorsque vous n'avez pas besoin de réutiliser ce style. Un style intraligne est défini dans la balise de début d'un élément HTML sur la page Web.

Pour plus d’informations sur la création d’un style, voir l’article créer et appliquer un style.

Exemple de feuille de style intraligne

<p style="font-weight: bold; font-style: italic; color: #FF0000">

Haut de la Page

Remarque : Avertissement traduction automatique : cet article a été traduit par un ordinateur, sans intervention humaine. Microsoft propose cette traduction automatique pour offrir aux personnes ne maîtrisant pas l’anglais l’accès au contenu relatif aux produits, services et technologies Microsoft. Comme cet article a été traduit automatiquement, il risque de contenir des erreurs de grammaire, de syntaxe ou de terminologie.

Développez vos compétences
Découvrez des formations
Accédez aux nouvelles fonctionnalités en avant-première
Rejoignez le programme Office Insider

Ces informations vous ont-elles été utiles ?

Nous vous remercions pour vos commentaires.

Merci pour vos commentaires. Il serait vraisemblablement utile pour vous de contacter l’un de nos agents du support Office.

×