CSS snyrtir og þjappi

Endurdregðu flókið CSS til að lesa það, eða þjappaðu því fyrir útgáfu — með öruggum ham sem breytir aldrei röð reglna.

Inndráttur
Þjöppun
Límdu eða skrifaðu CSS til að snyrta það eða þjappa.

CSS-kóðinn þinn er snyrtur og þjappaður í vafranum þínum. Ekkert er sent til BroBroGo.

Algengar spurningar

Hver er munurinn á því að snyrta og þjappa?

Snyrting (beautify) endurinn dregur og bætir við bilum í stílsíðuna svo auðveldara sé að lesa hana og breyta henni. Þjöppun (minify) gerir hið gagnstæða — hún fjarlægir bil og athugasemdir sem vafrinn þarf ekki á að halda og styttir gildi eins og liti, svo skráin verði minni og hlaðist hraðar. Snyrtu á meðan þú vinnur, þjappaðu áður en þú gefur út.

Hvað gera þjöppunarstillingarnar Örugg (Safe) og Bestuð (Optimized)?

Örugg stilling (Safe) fjarlægir aðeins bil og athugasemdir og styttir gildi, en skilur allar reglur eftir nákvæmlega þar sem þú skrifaðir þær. Bestuð stilling (Optimized) gengur lengra og sameinar eins valara og reglur til að fá enn minni skrá — hún getur breytt röð reglna, svo á stílsíðum sem treysta á röð reglna er gott að gera fljóta athugun áður en hún er gefin út. Athugasemdir sem merktar eru með /*! … */ eru geymdar í báðum tilvikum.

Mun þjöppun breyta því hvernig síðan mín lítur út?

Í öruggum ham (Safe), nei — stílarnir birtast nákvæmlega eins. Hamurinn þjappar bilum, sleppir venjulegum athugasemdum og endurskrifar gildi á styttra jafngilt form (eins og #ffffff sem #fff), og breytir aldrei forskeytum framleiðenda eða nútímalegri setningafræði. Bestaður hamur (Optimized) sameinar einnig reglur, sem lítur eins út á nánast öllum stílsíðum en gott er að sannreyna ef þín stílsíða treystir á röð reglna.