CSS ou feuilles de style en cascade, ça vous dit quelque chose ?
C’est un terme très utilisé en Marketing Digital et qui mérite amplement sa place dans notre glossaire.
Ce matin, avant de me rendre à la cafétéria, je me suis entretenue avec Laurent pour avoir son point de vue.
Il m’a expliqué que :
Le CSS est un langage informatique qui formate le design des pages web. Le HTML structure votre site tandis que le CSS applique la mise en page. Aujourd’hui, la plupart des sites web sont mis en forme avec des feuilles de style en cascade.
Je vous apporte plus de détails dans cet article !
Ma définition du CSS
CSS est un terme informatique qui signifie « Cascading Style Sheets ». En français, les experts parlent de « feuilles de style en cascade ».
C’est dans les années 90 que le CSS a été introduit dans le monde du web. Depuis, il est couramment utilisé dans la conception de sites, notamment pour créer les styles et le design général des pages web (HTML ou XML).
Il y a 4 versions importantes du CSS, dont la plus récente est la version 4.
Sachez que vous pouvez insérer des feuilles de style dans :
- L’en-tête <head> du fichier HTML,
- Un ou des fichiers “.CSS”,
- Les balises du fichier HTML via un attribut style.
Les navigateurs web interprètent les feuilles de style pour afficher la page.
Par contre, certains navigateurs ne connaissent pas toutes les fonctionnalités des feuilles de style en cascade.
À quoi ça sert les feuilles de styles en cascade ?
Une feuille de style en cascade peut être utilisé pour modifier :
- Un style de texte (l’encadrer, en modifier la police, le souligner…),
- La couleur de l’arrière-plan,
- Le format des images,
- Tous les éléments présents sur une page web (la bannière, les boutons des réseaux sociaux, les cases commentaires…).
Hormis cela, il peut être utilisé pour uniformiser les styles à appliquer sur l’ensemble des pages d’un site.
Le CSS vient compléter le HTML dans la mise en forme des fichiers HTML ou XML. Sachez qu’on peut modifier le style d’une page avec la feuille de style en cascade, sans modifier le code HTML.
Wikipédia ajoute aussi que l’un des objectifs majeurs du CSS est de permettre la mise en forme hors du contenu. Il est par exemple possible de ne décrire que la structure d’un document en HTML, et de décrire toute la présentation dans une feuille de style séparée.
enfin, le CSS facilite grandement l’optimisation des pages web.
Comment supprimer des CSS orphelins ?
Il est important de supprimer les CSS orphelins ou inutilisés pour améliorer la performance globale de votre site web.
En effet, plus une page web contient de CSS, plus son temps de chargement risque d’être lent.
Pour supprimer des feuilles de style en cascade inutilisées, vous pouvez utiliser des outils tels que PurifyCSS, PurgeCSS, UnusedCSS…
Mais vous pouvez aussi les supprimer manuellement. Si vous utilisez, par exemple, Chrome, voici les étapes à suivre pour les identifier :
- Ouvrez Chrome DevTools et le menu de commande,
- Tapez “Coverage”,
- Cliquez sur “Instrument coverage”,
- Dans l’onglet Sources, sélectionnez un fichier CSS,
- Le code non utilisé s’affiche à côté d’une ligne rouge.
Il suffit alors de les supprimer dans le code de votre site Internet.