Formatter kasutab süntaksit mõistvat skannerit ega jaga koodi pimesi iga looksulu või semikooloni kohalt. See jälgib stringe, kommentaare, funktsioone, atribuudiselektoreid ja pesastatud plokke, nii et kirjavahemärgid URL-is või jutumärkides väärtuses ei muutu.
Tasuta CSS Formatter
Töötab täielikult sinu brauseris - midagi ei laadita üles, kontot pole vaja.
CSS-i sisend
Vormindatud CSS
Kleepige vormindatav CSS
Mida CSS formatter teeb?
CSS formatter muudab minimeeritud või ebaühtlaselt kirjutatud laadilehe loetavaks koodiks, mille taanded ja reavahetused on järjepidevad. Kleepige CSS, valige kaks tühikut, neli tühikut või tabeldusmärk ning kopeerige või laadige tulemus alla. Töötlemine toimub brauseris ja deklaratsioonide järjekord säilib.
Kuidas kasutada
- 1Kleepige CSS. Lisage sisendväljale laadileht, selektoriplokk või minimeeritud CSS-i lõik.
- 2Valige taane. Valige kaks tühikut, neli tühikut või tabeldusmärk. Vormindatud tulemus uueneb kohe.
- 3Kontrollige olekut. Vaadake struktuuriandmeid või parandage sulgemata eraldaja, kommentaar või string.
- 4Kopeerige või laadige alla. Kopeerige vormindatud CSS lõikelauale või salvestage see failina formatted.css.
Kellele see sobib
- Front-end-arendajad saavad tootmiskeskkonna CSS-i avada, et seda oleks lihtsam lugeda ja siluda.
- Koodi ülevaatajad saavad taanded enne laadilehe või pull requesti lõigu võrdlemist ühtlustada.
- Õppijad näevad selgemalt pesastatud media queryte, selektoreid ja deklaratsiooniplokke.
- Tugi- ja QA-tiimid saavad brauseri tööriistast kopeeritud CSS-i enne veateatele lisamist korrastada.
Korduvad küsimused
Kas CSS formatter on tasuta?
Jah. Saate vormindada nii palju CSS-i, kui brauser suudab mugavalt töödelda. Kontot, paigaldamist ega tellimust pole vaja ning tulemus on kohe saadaval.
Kas minu CSS saadetakse serverisse?
Ei. Vormindamine toimub brauseris kohapeal. Kleebitud CSS jääb lehe redaktorisse ja seda ei saadeta API-le, seega sobib tööriist ka privaatse projektikoodi jaoks.
Kui palju CSS-i saan vormindada?
Kindlat tähemärgipiirangut pole. Väga suured genereeritud laadilehed sõltuvad seadme mälust ja brauserist, kuid tavaline veebilehe, komponendi või e-kirja CSS töödeldakse kiiresti.
Kas vormindamine muudab CSS-i toimimist?
Formatter muudab tühikuid ja reavahetusi, kuid säilitab selektorid, deklaratsioonid, kommentaarid, jutumärkides stringid ja nende järjekorra. Kontrollige tulemust enne avaldamist, eriti eksperimentaalse süntaksi või tühikutundlike escape-jadade korral.
Kas tööriist valideerib CSS-i atribuute?
Ei. See kontrollib ainult looksulgude, nurksulgude, ümarsulgude, kommentaaride ja stringide tasakaalu. See ei otsusta, kas iga atribuut, väärtus või brauseripõhine funktsioon on semantiliselt kehtiv.
Kas sellega saab vormindada media querysid ja pesastatud CSS-i?
Jah. Plokid at-rules sees, näiteks media, supports, container, layer ja keyframes, taandatakse sügavuse järgi. Ka tänapäevased pesastatud selektorid korrastatakse stringe või funktsiooniargumente muutmata.