CSS formázó
Szépíts CSS-t tiszta behúzással, vagy tömörítsd a fájlméret csökkentéséhez. Kezeli a médialekérdezéseket, a calc()-ot és a licencmegjegyzéseket.
Így használd a következőt: CSS formázó
- 01
Illeszd be a CSS-edet a bemeneti mezőbe.
- 02
Válaszd a Szépítést a formázáshoz vagy a Tömörítést a sűrítéshez.
- 03
Válaszd ki a behúzás méretét, majd másold az eredményt.
Mit csinál a CSS-formázó
Ez egy CSS-formázó, amely tiszta, egységes behúzással szépíti meg a stíluslapokat, vagy tömöríti őket a fájlméret csökkentéséhez. Szépítéskor te választod meg a behúzás méretét, és átválthatsz tömörítésre, ha a legkisebb kimenetet szeretnéd.
Mikor szépíts és mikor tömöríts
Az olvasható CSS-t könnyebb átfutni, átnézni és hibakeresni: amikor minden szabály és deklaráció egységesen van behúzva, egy pillantással látod a szelektorokat, a beágyazást és a médialekérdezéseid alakját.
A tömörítés az éles használatra való. Eltávolítja azt a szóközt és megjegyzést, amelyre a böngészőknek nincs szükségük, így a fájl gyorsabban letöltődik. Egy nagy stíluslapon a megtakarítás összeadódik, különösen a kiszolgálón történő gzip-tömörítés előtt.
Óvatos tömörítés a calc() és a médialekérdezések körül
A tömörítő ott óvatos, ahol számít. Megtartja a plusz- és mínuszjel körüli szóközöket a calc() belsejében, így a calc(100% - 30px) érvényes marad, és csak a szerkezeti karakterek, például a kapcsos zárójelek, a kettőspontok és a pontosvesszők körüli szóközöket távolítja el. Az egymásba ágyazott médialekérdezéseket is helyesen kezeli.
A licencmegjegyzések megmaradnak
A /*! ... */ formában írt licencmegjegyzések megmaradnak, ami a szokásos konvenció a szerzői jogi és licencközlemények megtartására a tömörített kimenetben akkor is, ha a hétköznapi megjegyzések eltűnnek.
A böngésződben fut
A szépítés és a tömörítés is teljes egészében a böngésződben fut, így a stíluslapjaid soha nem hagyják el az eszközöd. Az eszköz az olvashatóságra és a méretre formáz; azt nem ellenőrzi, hogy helyes-e a CSS-ed.
Gyakran ismételt kérdések
A tömörítés tönkreteszi a calc() kifejezéseket?
Nem. A tömörítő megtartja a szóközöket a plusz és mínusz körül az értékeken belül, így a calc(100% - 30px) érvényes marad. Csak a szerkezeti karakterek, mint a kapcsos zárójelek, kettőspontok és pontosvesszők körüli szóközöket távolítja el.
Eltávolítja a megjegyzéseket tömörítéskor?
A normál megjegyzések eltávolításra kerülnek a hely megtakarításához, de a /*! ... */ formában írt licencmegjegyzések megmaradnak, ami a szabványos konvenció a szerzői jogi nyilatkozatok megőrzéséhez.
Feltöltődik valahova a CSS-em?
Nem. A szépítés és a tömörítés is teljesen a böngésződben fut, így a stíluslapjaid soha nem hagyják el az eszközöd.