Monu Tools

CSS formater

Uljepšajte CSS s čistim uvlakama ili ga minificirajte za smanjenje veličine datoteke. Rukuje media upitima, calc() i licencnim komentarima.

Kako koristiti CSS formater

  1. 01

    Zalijepite CSS u ulazni okvir.

  2. 02

    Odaberite Uljepšaj za formatiranje ili Minificiraj za sažimanje.

  3. 03

    Odaberite veličinu uvlake, zatim kopirajte rezultat.

Što CSS formatirač radi

Ovo je CSS formatirač koji uljepšava stilske tablice čistim, dosljednim uvlačenjem, ili ih sažima kako bi smanjio veličinu datoteke. Odaberete veličinu uvlake za uljepšavanje i prebacite se na sažimanje kada želite najmanji izlaz.

Kada uljepšati, a kada sažeti

Čitljiv CSS lakše je pregledati, recenzirati i ispravljati: kada je svako pravilo i deklaracija dosljedno uvučeno, na prvi pogled možete vidjeti selektore, ugnježđivanje i oblik vaših medijskih upita.

Sažimanje je za produkciju. Uklanja bjeline i komentare koji preglednicima nisu potrebni, pa se datoteka brže preuzima. Na velikoj se stilskoj tablici ušteda nakuplja, osobito prije gzip kompresije na serveru.

Pažljivo sažimanje s calc() i medijskim upitima

Sažimatelj je pažljiv gdje je važno. Zadržava razmake oko plusa i minusa unutar calc(), pa calc(100% - 30px) ostaje valjan, i uklanja razmake samo oko strukturnih znakova poput vitičastih zagrada, dvotočaka i točaka sa zarezom. Također ispravno obrađuje ugniježđene medijske upite.

Licencni komentari se čuvaju

Licencni komentari napisani u obliku /*! ... */ čuvaju se, što je standardna konvencija za zadržavanje obavijesti o autorskim pravima i licenci u sažetom izlazu čak i kada se obični komentari uklone.

Radi u vašem pregledniku

I uljepšavanje i sažimanje odvijaju se u potpunosti u vašem pregledniku, pa vaše stilske tablice nikada ne napuštaju vaš uređaj. Alat formatira radi čitljivosti i veličine; ne provjerava je li vaš CSS ispravan.

Često postavljana pitanja

Kvari li minificiranje calc() izraze?

Ne. Minifikator zadržava razmake oko plusa i minusa unutar vrijednosti, pa calc(100% - 30px) ostaje valjan. Uklanja samo razmake oko strukturnih znakova poput vitičastih zagrada, dvotočki i točka-zareza.

Uklanjaju li se komentari pri minificiranju?

Normalni komentari se uklanjaju radi uštede prostora, ali licencni komentari napisani kao /*! ... */ se zadržavaju, što je standardna konvencija za čuvanje obavijesti o autorskim pravima.

Učitava li se moj CSS negdje?

Ne. I uljepšavanje i minificiranje se odvijaju u potpunosti u vašem pregledniku, pa vaši stilovi nikada ne napuštaju vaš uređaj.

Izvori

Ugradi ovaj alat

Dodajte ovaj alat na vlastitu web stranicu. Kopirajte isječak u nastavku; automatski ostaje ažuran.

<iframe src="https://monu.tools/embed/hr/css-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Slični alati