CSS formázó
Ezzel a CSS formázóval minifikált vagy rendezetlen stíluslapokat formázhat. Illessze be a CSS kódot, az eszköz feldolgozza, majd minden szabályt egy sorba ír ki a szelektorral együtt, deklarációnként külön sorral és két szóközös behúzással, minden kettőspont után szóközt hagyva, a kombinátorokat szóközökkel elválasztva, a beágyazott at-szabályokat, például a média lekérdezéseket is beleértve. A feldolgozási hibákat jelzi. Ideális webfejlesztőknek és tervezőknek, akik különböző forrásokból származó stíluslapokat szeretnének olvasni, hibakeresni vagy átnézni.
Gyakran ismételt kérdések
Hogyan működik a CSS formázó?
A stíluslapot szabályokra, deklarációkra és at-szabályokra bontja, majd egységes elrendezésben kiírja őket. Mivel a CSS feldolgozása megtörténik, a kimenet a stíluslap tényleges szerkezetét tükrözi.
Hogyan néz ki a formázott CSS?
Minden szabály a szelektorával és egy nyitó kapcsos zárójellel kezdődik, minden deklaráció külön sorba kerül, két szóközzel behúzva, a kettőspont után pedig szóköz áll. A záró kapcsos zárójel is külön sorba kerül. A szelektorlisták vesszővel és szóközzel kapcsolódnak egymáshoz, a kombinátorok, például a > és a ~ körül pedig szóközök vannak.
Támogatja a médialekérdezéseket és más at-szabályokat?
Igen, a @media, @supports és hasonló blokkokon belüli szabályok egymásba ágyazva, behúzással jelennek meg. Az olyan utasítások, mint a @import, egy sorban maradnak, a url() értékek pedig idézőjelek közé kerülnek.
Mi történik érvénytelen CSS esetén?
Ha az elemző nem tudja beolvasni a stíluslapot, például mert hiányzik egy kapcsos zárójel, az eszköz leáll, és megjeleníti az elemző üzenetét a sorszámmal együtt. Javítsa a jelzett helyet, majd formázza újra.
Megmaradnak a megjegyzések?
Igen, a megjegyzések megmaradnak, akár szabályok, akár deklarációk között szerepelnek. Minden megjegyzés külön sorba kerül, a körülötte lévő kód behúzásával.
Támogatja az egyéni tulajdonságokat?
Igen, az olyan egyéni tulajdonságok, mint a --brand-color, ugyanúgy formázódnak, mint bármely más deklaráció. Az olyan hivatkozások, mint a var(--brand-color), változatlanul maradnak.
Formázhatok itt SCSS vagy Less-kódot?
Nem, ez az oldal egyszerű CSS kódot vár, ezért az előfeldolgozókból származó beágyazott szabályokat vagy változókat elutasíthatja. Ezekhez a fájlokhoz használja a SCSS formázót vagy a Less formázót.
Módosíthatom a behúzást vagy a kapcsos zárójelek stílusát?
Nem, a formázónak nincsenek beállításai: mindig két szóközt használ, a nyitó kapcsos zárójelet pedig a szelektor sorába teszi. Így minden stíluslap eredménye egységes.
Miért css kódblokként jelenik meg az eredmény?
A kimenet css jelölésű Markdown kódblokként jelenik meg, így a Markdown szintaxiskiemeléssel jeleníti meg. A .css fájlhoz másolja ki a kódkerítések közötti sorokat.
Mekkora lehet a stíluslapom?
Futtatásonként legfeljebb 5 MB; a nagyobb bemenetet az eszköz üzenettel elutasítja. A kimenet megegyezik a Kódformázó CSS beállításával.