# CSS

> Le CSS est le langage qui décrit la présentation d'une page HTML : couleurs, typographie, espacement, mise en page, comportement responsive. Il ne porte aucun contenu, mais conditionne la performance perçue.

**Source :** https://www.scaly.co/ressources/glossaire/css
**Glossaire :** https://www.scaly.co/ressources/glossaire
**Auteur :** Axel Malischewski, fondateur de scaly — https://www.scaly.co/auteur/axel-malischewski
**Rubrique :** Technique
**Mis à jour le :** 2026-08-10

---

## Qu'est-ce que le CSS ?

Le CSS est le langage qui décrit la présentation d'une page HTML : couleurs, typographie, espacement, mise en page, comportement responsive. Il ne porte aucun contenu, mais conditionne la performance perçue.

## La forme, séparée du fond

Le HTML dit ce qu'est un élément, le CSS dit à quoi il ressemble. Cette séparation permet de refondre l'apparence d'un site sans toucher à son contenu, et de servir la même page à un écran de téléphone comme à un moniteur large.

## Où il rencontre le référencement

- Il est bloquant au rendu : tant que la feuille de style n'est pas chargée, rien ne s'affiche. Un CSS trop lourd retarde le LCP.
- Une réservation d'espace manquante pour les images et les polices provoque des sauts de mise en page, mesurés par le CLS.
- Masquer du texte en CSS pour le montrer aux seuls robots est une technique de dissimulation, sanctionnée.
- Bloquer les fichiers CSS dans robots.txt empêche Google d'afficher la page telle qu'un visiteur la voit.

## Exemple concret

L’inspection d’URL affiche la page d’accueil d’un fabricant de mobilier de bureau sans aucune mise en forme : colonnes empilées, texte démesuré. Un robots.txt hérité d’un ancien chantier interdisait /assets/, feuilles de style comprises. La ligne disparaît du fichier. Les blocs d’illustration reçoivent ensuite une hauteur réservée, ce qui supprime les sauts de mise en page au chargement.

## À retenir

Le CSS ne fait pas classer une page, mais il décide de la vitesse à laquelle elle devient lisible — ce qui se mesure, et ce que le visiteur ressent en premier.

## Questions fréquentes

### Faut-il bloquer le CSS aux robots ?

Non, jamais. Google a besoin des feuilles de style pour restituer la page et vérifier notamment qu'elle est utilisable sur mobile.

### Le texte masqué en CSS est-il pénalisé ?

Masquer du contenu pour manipuler le classement l'est. Un contenu replié dans un accordéon, accessible au clic, ne pose pas de problème.

### Le CSS influence-t-il les Core Web Vitals ?

Fortement. Le poids des feuilles de style pèse sur le LCP, et les dimensions non réservées sur le CLS.