Attacher ou détacher une feuille de style en cascade externe

  • Article

Lorsque vous souhaitez qu’une ou plusieurs pages Web utilisent les styles que vous avez définis dans une feuille de style en cascade (CSS), vous devez attacher la CSS externe à ces pages Web. Vous pouvez attacher une CSS externe à une page Web unique en faisant glisser le fichier .css vers la page ouverte en mode Création. Lorsque vous souhaitez attacher une CSS externe à plusieurs pages ou à une autre CSS externe, ou si la CSS externe est à l’extérieur de votre site, vous pouvez utiliser à la place, la boîte de dialogue Attacher une feuille de style.

Lorsque vous ne souhaitez plus qu’une page Web utilise les styles d’une CSS externe attachée, vous pouvez détacher directement cette feuille de style de la page à l’aide du panneau Appliquer les styles ou Gérer les styles. Lorsque vous souhaitez détacher une CSS externe de plusieurs pages Web ou d’un site complet, vous pouvez utiliser, à la place, la boîte de dialogue Gérer les liens de feuille de style.

Cc295288.alert_caution(FR-FR,Expression.30).gifImportant :

Le fait de détacher une CSS externe d’une page Web ne supprime pas les références de vos pages Web aux styles de cette feuille de style externe ; vous devez donc supprimer vous-même les références aux styles. Il vous sera sans doute plus facile de rechercher les références aux styles avant de détacher la feuille de style. Pour plus d’informations, voir Supprimer un style du contenu.

Pour attacher une feuille de style externe à une page Web par une opération de glisser-déplacer

  1. Ouvrez cette page Web en mode Création.

  2. Faites glisser le fichier .css depuis le panneau Liste des dossiers ou en mode Site Web sur la page.

Pour attacher une feuille de style externe à une ou plusieurs pages Web ou à un fichier .css

  1. Pour sélectionner les fichiers auxquels vous souhaitez attacher la CSS, effectuez l’une des opérations suivantes :

    • Pour attacher une CSS à une page Web unique, ouvrez cette page.

    • Pour attacher la CSS à toutes les pages d’un site, ouvrez le site.

    • Pour attacher une feuille de style en cascade à plusieurs pages, dans le panneau Liste des dossiers ou en mode Site Web, sélectionnez les pages Web pour lesquelles utiliser la feuille de style en cascade.

    • Pour attacher la CSS à toutes les pages d’un dossier, dans le panneau Liste des dossiers ou en mode Dossiers du mode Site Web, sélectionnez le dossier.

    • Pour attacher la feuille de style à un fichier .css différent, ouvrez le fichier .css auquel vous souhaitez attacher la CSS.

  2. Effectuez l’une des opérations suivantes :

    • Dans le menu Format, pointez sur Styles CSS, puis cliquez sur Attacher une feuille de styleCc295288.w3_icon-css-attach_stylesheet(FR-FR,Expression.30).png.

    • Dans le panneau Appliquer les styles ou Gérer les styles, cliquez sur Attacher une feuille de styleCc295288.w3_icon-css-attach_stylesheet(FR-FR,Expression.30).png.

  3. Dans la boîte de dialogue Attacher une feuille de style, effectuez les opérations suivantes :

    Utilisez

    Pour

    URL

    Spécifiez le fichier .css et son chemin d’accès.

    Attacher à

    Sélectionner les pages auxquelles attacher la CSS :

    • Page active : uniquement la page Web ouverte.

    • Toutes les pages HTML : toutes les pages du site ouvert.

    • Pages sélectionnées : uniquement les pages que vous avez sélectionnées dans le site actuel.

    Attacher comme

    Sélectionner la méthode d’attachement :

    • Lien : à l’aide de l’élément Lien.

    • Importer : à l’aide de la règle @import.

Pour détacher une CSS externe d’une page Web

  1. Ouvrez la page Web en mode Création ou en mode Code.

  2. Dans le panneau Appliquer les styles ou Gérer les styles, cliquez avec le bouton droit sur le nom du fichier de la feuille de style en cascade (par exemple « ewd.css ») et sélectionnez Supprimer le lien.

Pour détacher une CSS liée à plusieurs pages Web

  1. Effectuez l’une des opérations suivantes :

    • Pour détacher la CSS de toutes les pages d’un site, ouvrez le site.

    • Pour détacher une CSS liée de plusieurs pages Web, sélectionnez les pages Web dans le panneau Liste des dossiers ou en mode Site Web.

  2. Dans le menu Format, pointez sur Styles CSS, puis cliquez sur Gérer les liens de feuille de style.

  3. Dans la liste des URL de la boîte de dialogue Lier la feuille de style, cliquez sur le nom de la feuille de style en cascade externe que vous souhaitez détacher.

    Cc295288.alert_note(FR-FR,Expression.30).gifRemarque :

    La boîte de dialogue Lier la feuille de style répertorie uniquement les fichiers CSS liés et ne recense pas les fichiers CSS importés. Vous pouvez détacher une CSS importée d’une seule page Web à la fois à l’aide du panneau Appliquer les styles ou Gérer les styles ou en supprimant la règle @import associée de chaque page Web en mode Code.

  4. Cliquez sur l’une des options suivantes :

    • Page active : détache la CSS de la page active uniquement.

    • Toutes les pages : détache la CSS de toutes les pages du site actuel.

    • Pages sélectionnées : détache la CSS uniquement des pages que vous avez sélectionnées dans le site actuel.

  5. Cliquez sur Supprimer, puis sur OK.

Pour détacher une CSS externe importée d’un fichier .css

  1. Ouvrez le fichier .css qui contient la CSS importée.

  2. Supprimez la règle @import qui fait référence au fichier CSS que vous souhaitez détacher.

Voir aussi

Tâches

Créer une feuille de style en cascade

Concepts

Contrôle d'apparences avec styles

Référence des feuilles de style en cascade

@import