Gera CSS læsilegt á netinu
Settu inn þjappað stílsnið og lestu það á þægilegan hátt aftur. Veljarar fá eigin línur, ein yfirlýsing birtist í hverri línu og blokkir og miðlafyrirspurnir fá inndrátt eins og þú hefðir skrifað þær sjálfur.
Hvers vegna CSS í rekstri er á einni línu
Stílsniðum er þjappað af sömu ástæðu og skriftum. CSS tefur birtingu síðunnar og því hefur hver sparaður bæti áhrif á birtingarhraðann. cssnano, Lightning CSS og bestunartól í Sass og PostCSS fjarlægja bil og athugasemdir, stytta litagildi, sameina tvíteknar reglur og fjarlægja síðustu semíkommuna úr hverri blokk. Hjálparklasakerfi gera niðurstöðuna enn þéttari því samsett Tailwind-stílsnið getur innihaldið þúsundir örsmárra reglna með nánast engu bili á milli þeirra.
Að skilja forgangsröð stílreglna
Helsta ástæðan fyrir því að fegra stílsnið er að skilja hvers vegna regla gildir eða gildir ekki. Þegar hver veljari er á eigin línu með yfirlýsingarnar inndregnar fyrir neðan geturðu fylgt forgangsröðinni. Þú finnur allar reglur sem eiga við stak, berð saman sértækni þeirra, sérð hver kemur síðust og finnur important sem yfirskrifar vinnuna þína. Miðlafyrirspurnir og innihald þeirra verða að sýnilegum blokkum sem auðveldar að skilja viðbrögð við mismunandi skjástærðum.
Nútímalegt CSS er stutt
Sniðillinn skilur CSS eins og það er notað núna. Sérsniðnir eiginleikar, calc- og clamp-segðir, grid- og flexbox-styttingar, gámafyrirspurnir, hreiðraðar reglur, layers, supports-blokkir og keyframes fá öll rétt snið. Langir listar veljara dreifast yfir fleiri línur svo þeir verði læsilegir og athugasemdir sem lifðu smíðina af eru varðveittar. Ef skráin blandar venjulegu CSS og eiginleikum með framleiðandaforskeytum haldast hvort tveggja, aðeins framsetningin verður skýrari.
Hagnýtt ráð fyrir samsett stílkerfi
Þegar þú gerir samsett Tailwind- eða Bootstrap-stílsnið læsilegt verður skráin fljótt mjög löng. Tugir þúsunda lína eru eðlileg niðurstaða. Kveiktu á línunúmerum og notaðu leit vafrans til að finna klasann eða eiginleikann sem þú ert að skoða í stað þess að fletta endalaust. Ef markmiðið er að minnka skrána frekar en að lesa hana þarf að breyta stillingum smíðiferlisins. Ónotaðar reglur voru þegar búnar til áður en þjöppunin hófst.
Algengar spurningar
Get ég gert samsett Tailwind-stílsnið læsilegt?
Já og það er ein algengasta notkun þessarar síðu. Niðurstaðan getur orðið mjög löng því kerfið býr til reglu fyrir hvern hjálparklasa. Línunúmer og leit vafrans eru hagnýtasta leiðin til að rata um skrána.
Eru athugasemdir endurheimtar?
Aðeins þær sem eru enn til staðar haldast. Flest þjöppunartól eyða öllum athugasemdum nema lagalegum tilkynningum og eyddar athugasemdir verða ekki endurheimtar. Sniðillinn varðveitir það sem enn er í skránni og birtir það snyrtilega.
Virkar þetta á SCSS eða Less?
Þessi síða er fyrir venjulegt CSS sem vafrar sækja í raun. Frumskrár forvinnslumála með breytum, mixins og sérstakri SCSS- eða Less-málskipan eru ekki ætlað inntak þótt hefðbundnar hreiðraðar CSS-reglur séu studdar.