COS-General

Qu'est-ce qu'une feuille de style ?

Dernière mise à jour: July 8, 2017

Disponible avec :

Produit: HubSpot Marketing
Abonnement: Basique, Pro et Entreprise

Une feuille de style est un ensemble de règles déterminant l'apparence de différents éléments de votre site web. Ces règles, appelées également déclarations de style, sont enregistrées dans un fichier comprenant une extension .css (cascading stylesheet, ou feuille de style en cascade en français). Une feuille de style est appliquée aux pages de votre site web via un tag inséré à la section , indiquant l'emplacement virtuel de votre feuille de style.

Sur HubSpot, vous pouvez utiliser le Gestionnaire de conception pour créer une feuille de style afin de gérer l'apparence de votre site web.

Pour créer une nouvelle feuille de style :

  • Accédez à Contenu > Gestionnaire de conception
  • Cliquez sur le dossier Fichiers codés, puis cliquez sur le bouton bleu Nouveau fichier codé.

  • Sélectionnez Éditeur de code et Page, puis cliquez sur Créer.
  • Sélectionnez le dossier où vous souhaitez enregistrer votre feuille de style et donnez-lui un nom comprenant le suffixe .css (par exemple, mafeuilledestyle.css).
  • Cliquez sur Enregistrer.
  • Dans l'éditeur, saisissez les règles CSS que vous souhaitez appliquer aux éléments de votre site web.
  • Cliquez sur Publier les modifications, puis cliquez sur Mettre à jour

Quand vous cliquez sur Mettre à jour, l'éditeur de code de HubSpot compile toutes les règles CSS en une seule feuille de style CSS miniaturisée (un fichier CSS compressé, sans espaces superflus), que vous pouvez choisir d'appliquer à l'intégralité de votre site web, à un modèle spécifique ou à une page en particulier. Pour savoir comment associer une feuille de style donnée à une page, consultez cet article.

Pour en savoir plus sur l'utilisation de feuille de style avec HubSpot, consultez le guide de l'utilisateur du Gestionnaire de conception