Minifiez le CSS en retirant commentaires et espaces inutiles pour verifier la sortie compacte.
Entree / Sortie
L'entree, la sortie et la copie restent dans cette surface principale. Exemples et controles sont separes plus bas.
Session locale
L'etat de saisie reste dans ce navigateur pour restaurer le dernier travail sans compte.
Ouvrez exemples, controles et outils lies seulement apres le flux principal entree/sortie.
Reviser un snippet CSS
Formatez le snippet CSS, copiez le rapport CSS, puis verifiez minification et contraste.
Formatez le snippet et copiez le rapport avec selector, token, cascade, specificity et checklist.
Si le CSS compact est partage, verifiez compression, retrait de commentaires et rapport minifie.
Verifiez les tokens couleur avec le contraste WCAG si le snippet change les couleurs visibles.
Avant de copier
Erreurs frequentes
Outils lies
Guides
Ouvrez exemples, controles et outils lies seulement apres le flux principal entree/sortie.
.card { display: flex; gap: 16px; color: #111; }/* handoff note */ @media (min-width:768px) { .grid { display:grid; } }#hero .title { color: rgb(10, 20, 30); }Exemples CSS
Blocs selector
1
Declarations
2
Media queries
0
Lignes de sortie
1
Verifiez selecteurs, valeurs, regles @ et taille minifiee avant copie.
Proprietes personnalisees
0
Aucune propriete personnalisee detectee.
Valeurs de couleur
1
#111
Regles @
0
Aucune regle @ detectee.
Taux de compression
16%
Reduction estimee apres retrait des espaces et commentaires.
Apercu des selecteurs
Premiers selecteurs trouves dans le snippet.
Rapport de revue CSS
Copiez un rapport de transmission avec selecteurs, tokens, cascade, specificity, compression, alertes et checklist.
Mode de sortie
Minifier
Blocs selector
1
.card
Declarations
2
Proprietes personnalisees
0
Aucune propriete personnalisee detectee.
Valeurs de couleur
1
#111
Regles @
0
Aucune regle @ detectee.
Selecteurs dupliques
Non
Risque specificity ID
Non
Commentaires presents
Non
Taux de compression
16%
Notes de revue
Checklist de revue
# Rapport de revue CSS - Verifie a: Heure de copie navigateur - Mode de sortie: Minifier - Caracteres: 37 - Lignes de sortie: 1 - Blocs selector: 1 - Declarations: 2 - Proprietes personnalisees: 0 - Valeurs de couleur: 1 - Regles @: 0 - Selecteurs dupliques: Non - Risque specificity ID: Non - Commentaires presents: Non - Taux de compression: 16% - Le CSS brut est exclu de ce rapport; joignez un snippet expurge si besoin. ## Notes de revue - Ce formatter leger vise les petits snippets. Lancez le formatter du projet avant commit de grandes feuilles. ## Checklist de revue - Testez le CSS au breakpoint, theme et navigateur cibles avant publication. - Confirmez que l'ordre des selecteurs, les doublons et la specificity correspondent a la cascade voulue. - Comparez proprietes personnalisees et tokens couleur au design system avant copie. - Conservez licences et commentaires de transmission lors de minification ou collage dans docs. - Lancez le formatter ou build pipeline projet avant de commiter de gros changements de stylesheet.
Sortie prete a copier
.card{display:flex;color:#111;}