Embellisseur CSS
Embellissez CSS : développez les styles réduits en règles lisibles.
Comment utiliser Embellisseur CSS
- Collez le CSS : styles de production réduits ou toute feuille de style désordonnée.
- Lisez la sortie formatée : une déclaration par ligne, blocs en retrait.
- Trouvez et modifiez ce que vous êtes venu chercher : les sélecteurs et les propriétés sont désormais consultables et numérisables.
- Re-minify pour la production : le formulaire d'édition est embelli, pas l'expédition. formulaire.
Qu'est-ce que Embellisseur CSS ?
Un embellisseur CSS étend les feuilles de style compressées sous une forme canonique lisible : le bloc de chaque sélecteur sur ses propres lignes, une déclaration par ligne, des accolades et un espacement cohérents. CSS minifié — .card{margin:0 auto;padding:16px}.card h2{color:#333} — devient une liste de règles analysables dans laquelle la recherche et la modification d'une propriété prennent quelques secondes.
Le CSS de production est livré minifié, donc toute inspection des styles réels d'un site en direct commence ici. Le CSS généré (à partir des constructeurs, des exportateurs ou de la sortie du préprocesseur) arrive tout aussi illisible : l'embellissement est la première étape standard avant de le comprendre ou de le récupérer.
À propos de Embellisseur CSS
Collez du CSS minifié ou désordonné et obtenez une sortie formatée : règles séparées, déclarations alignées, imbrication (requêtes multimédias, blocs de support) indentées.
Ce que les gens embellissent : la feuille de style d'un site de production pour savoir comment un effet est construit (afficher la source → copier → embellir → rechercher le nom de la classe), le CSS du thème ou du plugin avant de le personnaliser, les anciens styles de projet écrits avant que l'équipe n'ait des normes de formatage et le CSS du modèle d'e-mail assemblé par des outils qui n'ont jamais entendu parler de line. casse.
La modification directe du CSS minifié est une fausse économie classique : une accolade manquée dans le mur de texte enfreint toutes les règles qui la suivent, de manière invisible. Embellissez, modifiez avec la structure visible, puis réduisez à nouveau pour l'expédition (le CSS Minifier inverse l'aller-retour sans perte, moins les commentaires du minifier déjà supprimé).