Structurați regulile și declarațiile CSS

Dezvoltatorii folosesc Formatator CSS înainte de revizuirea codului, depanare sau predarea către alt colaborator.

Structurați regulile și declarațiile CSS, pentru a ușura revizuirea, editarea și depanarea. Folosiți-l în browser fără să creați un cont.

Cum se folosește

Lipește foaia de stil în zona de introducere sau importă unul dintre fișierele de cod acceptate.
Pornește rularea de formatare; regulile și declarațiile revin cu indentare constantă și întreruperi de linie clare.
Citește rezultatul și identifică blocurile care păreau aglomerate sau în dezordine în fișierul original.
Copiază versiunea ordonată în editorul tău și compară-o cu sursa înainte de a confirma ceva.
Golește zona de introducere înainte de a lipi alt fișier, astfel încât un singur proiect să ocupe zona de rezultat o dată.

Exemplu

Un dezvoltator moștenește o foaie de stil scrisă în grabă, cu totul înghesuit pe câteva linii. Lipește-o aici, ia înapoi versiunea indentată și citește-o bloc cu bloc: selectoarele se aliniază, iar fiecare declarație stă pe propria linie.

Limite și formate

Erorile de sintaxă rămân neatinse, așa că un punct și virgulă lipsă rămâne lipsă după trecere.
Acest instrument schimbă doar prezentarea: nu redenumește clase și nu șterge reguli pe care nu le mai folosești.
Fișierele acceptate includ HTML, CSS, JavaScript, JSON și SQL, în timp ce un fișier binar nu va fi lizibil aici.
Pe o foaie foarte scurtă, indentarea automată adaugă puțin, așa că verifică dacă rezultatul se comportă exact ca intrarea.

Unde are loc procesarea

Formatarea rulează în browserul tău. Codul pe care îl lipești nu este copiat nicăieri și dispare când închizi pagina, așa că lucrul pe fragmente dintr-un proiect privat nu implică riscuri suplimentare.

Întrebări frecvente

Va schimba formatarea aspectul paginii mele?

Nu. Sunt atinse doar spațierea, întreruperile de linie și indentarea. Selectoarele, proprietățile și valorile rămân exact la fel, așa că browserul citește foaia de stil la fel ca înainte, iar pagina randată nu se mișcă.

Pot formata o foaie de stil foarte mare?

Depinde în principal de memoria dispozitivului tău, deoarece toată munca se face în browser. La un fișier mare pagina poate încetini; împarte foaia în părți și rulează-le una după alta.

De ce rezultatul conține încă o linie foarte lungă?

Unele valori sunt pur și simplu lungi, cum ar fi o stivă de fonturi sau o funcție adânc imbricată. Formatatorul nu desparte valorile în interiorul unei declarații; se concentrează pe structura blocurilor de reguli.