CSS-fegurð — ókeypis
Snyrtu samþjappað CSS með samræmdum inndrætti, eða þjappaðu það. Valfrjáls stafrófsröðun eiginda gerir mismun fyrirsjáanlegri.
Slepptu skrá hér eða smelltu til að velja
CSS · unnið í tækinu þínu
eða ýttu á Ctrl+V til að líma af klippiborði
Úttak birtist hér…Algeng notkun
- Kemba framleiðslu CSSSkoðaðu minified CSS frá framleiðslusíðum í lesnu sniði til að finna og skipta um hönnun.
- Þvingaðu teymis CSS stílKeyrðu CSS sem teymin leggja fram með samstæðum fegri þannig diffs eru um efni, ekki forsníðu.
- Forsníðið seljanda-forskeðju CSSSeljandi-forskeðju CSS (autoprefixer úttúr) hefur oft fullt af -webkit-, -moz-, -ms- afbrigðum. Forsníðið til að skoða.
- Lærðu frá prófessjónum CSSSem slys CSS frá frægum hönnunarkerfum með því að forsníða samkóðað úttúr þeirra.
- Forsníðið CSS fyrir villuskýrslurÞegar CSS villur eru skráðar eru forsníðin CSS miklu auðveldari fyrir endurskoðendur að lesa og skilja.
Hvernig það virkar
Þetta tól formar CSS með handskrifuðum endurkvæmum þáttara byggðum beint inn í síðuna — ekkert þriðja-aðila bókasafn, ekkert netþjónskall. Þáttarinn gengur í gegnum CSS þitt staf fyrir staf, meðhöndlar rétt tilvitnaða strengi, url() gildi, hreiðraðar at-reglur, og athugasemdir sem myndu rugla einfaldari regex-byggðar aðferðir.
- 1Táknun á stafastigiwalkCss-fallið skannar hráa inntakið einn staf í einu, fylgist með tilvitnunarástandi og sviga-dýpt svo semíkommur eða sviga inni í url(), strengjagildum, eða athugasemdum eru aldrei misskilin sem byggingaraðskiljarar.
- 2Aðskilnaður blokkar og yfirlýsingarÞegar skanninn finnur efsta-stigs opnunarklofa dregur hann út forleikinn (veljarann eða at-regluorðið) og vinnur endurkvæmt úr blokkarlíkamanum — sem sjálfur getur innihaldið hreiðraðar reglur (@media, @supports, native CSS-hreiðrun) meðhöndlaðar á dýpri endurkvæmnisdýpt.
- 3Röðun eiginleika og inndrátturYfirlýsingar innan hverrar blokkar eru safnaðar í rás, svo valfrjálst raðaðar í stafrófsröð eftir eiginleikaheiti áður en þær eru skrifaðar út með valdri inndráttarbreidd (2 eða 4 bil). Minify-hamur sleppir bilum algjörlega og fjarlægir athugasemdir.
- 4Samstundis úttak í vafraNiðurstöður birtast um leið og þú skrifar með useMemo hook — ekkert er sent neitt. Formaða eða minified CSS má afrita á klippiborðið eða sækja sem .css skrá, og spjaldið sýnir stærðarmuninn samanborið við upprunalegt.
Tengd verkfæri
HTML-fegurð og -þjöppun
Fáðu HTML lagðan falt eða þjappað með réttri hreiðurinndrætti. Varðveitir efni inni í <pre>, <script>, <style> blokkum.
SQL-forsniðsmyndun og -fegurð
Fáðu SQL-fyrirspurnir lagðar falt með réttri inndrætti, stillanlegum lyklaborðsstærð og línubreytingum á helstu ákvæðum. Virkar með hvaða SQL-málgrein sem er.
CSS-þjöppun og -fegurð
Þjappðu CSS til að minnka skrárstærð eða fegðu þjappaðan CSS til að auka læsileika. Augnabliksleg, í vafranum þínum.