Neidio i'r prif gynnwys
LibraTool logoLibraTool

Harddwr CSS am ddim

Fformatiwch CSS wedi’i leihau gyda mewnoliad cyson, neu leihewch ef. Trefnu priodweddau yn nhrefn yr wyddor yn ddewisol i gael gwahaniaethau rhagweladwy.

Yn gweithio all-lein ar ôl llwytho

Gollyngwch ffeil yma, neu cliciwch i bori

CSS · wedi'i brosesu ar eich dyfais

neu pwyswch Ctrl+V i ludo o'ch clipfwrdd

Pori ffeiliau
CSS wedi'i harddu
Bydd yr allbwn yn ymddangos yma…

Defnyddiau cyffredin

  • Datbygu CSS CynhyrchiadGweld CSS wedi'i leihau o wefannau cynhyrchiad mewn fformat darllenadwy i ddod o hyd ac edrychwch yn ôl ar wyfaniad.
  • Gorfodi Arddull CSS TîmRhedeg CSS a gyflwynir gan dîm trwy hardduddydd cyson fel bod diffs yn ymwneud â cynnwys, nid fformatio.
  • Fformatio CSS Rhaglen-GwerthwrMae CSS rhaglen-gwerthwr (allbwn autoprefixer) yn aml yn llawn amrywiadau -webkit-, -moz-, -ms-. Fformatiowch i archwilio.
  • Dysgu o Pro CSSAstudiaeth CSS o systemau dylunio enwog trwy fformatio eu allbwn crynhau.
  • Fformatio CSS ar gyfer Adroddiadau BygWrth ffeilio byg CSS, mae CSS fformatiad yn llawer haws i adolygwyr ei ddarllen a'i ddeall.

Sut Mae'n Gweithio

Mae'r offeryn hwn yn fformatio CSS gan ddefnyddio dosrannwr ailadroddol wedi'i ysgrifennu â llaw wedi'i adeiladu'n uniongyrchol yn y dudalen — dim llyfrgell trydydd parti, dim galwad gweinydd. Mae'r dosrannwr yn cerdded eich CSS nod wrth nod, gan drin llinynnau mewn dyfynnodau, gwerthoedd url(), at-rules nythog, a sylwadau'n gywir a fyddai'n drysu dulliau symlach seiliedig-ar-fynegiad-rheolaidd.

  1. 1
    Tocynnu ar lefel nod
    Mae'r ffwythiant walkCss yn sganio'r mewnbwn amrwd un nod ar y tro, gan olrhain cyflwr dyfynnod a dyfnder cromfachau fel na chaiff hanner colonau na chyplysnodau y tu mewn i url(), gwerthoedd llinynnol, na sylwadau eu camgymryd byth am wahanyddion strwythurol.
  2. 2
    Gwahanu bloc a datganiad
    Pan fydd y sganiwr yn dod o hyd i gyplysnod agoriadol lefel-uchaf, mae'n tynnu'r prelud (y detholydd neu air allweddol at-rule) ac yn prosesu'n ailadroddol gorff y bloc — a all ei hun gynnwys rheolau nythog (@media, @supports, nythu CSS brodorol) wedi'u trin ar ddyfnder ailadroddiad dyfnach.
  3. 3
    Trefnu priodweddau ac odiad
    Mae datganiadau o fewn pob bloc yn cael eu casglu'n rhediad, yna eu trefnu'n ddewisol yn nhrefn yr wyddor yn ôl enw'r briodwedd cyn eu hysgrifennu allan gyda'r lled odiad a ddewiswyd (2 neu 4 bwlch). Mae modd minifeiddio'n hepgor bylchau gwyn yn gyfan gwbl ac yn tynnu sylwadau.
  4. 4
    Allbwn porwr ar unwaith
    Mae canlyniadau'n ymddangos wrth i chi deipio drwy fachyn useMemo — ni chaiff dim ei anfon i unrhyw le. Gellir copïo'r CSS wedi'i fformatio neu ei finifeiddio i'r clipfwrdd neu ei lawrlwytho fel ffeil .css, ac mae'r panel yn dangos y gwahaniaeth maint o'i gymharu â'r gwreiddiol.

Offer Cysylltiedig

🌐

Harddwr a Meinwr HTML

Argraffu neu feinio HTML yn dlws gydag indentiad nythu priodol. Yn cadw cynnwys y tu mewn i flociau <pre>, <script>, <style>.

Rhowch gynnig arni
🗄️

Fformatwr a Harddwr SQL

Argraffu SQL ymholiadau yn dlws gydag indentiad priodol, achos allweddair ffurfiadwy, a thoriadau llinell ar gymalau mawr. Yn gweithio gydag unrhyw dafodiaith SQL.

Rhowch gynnig arni
🗜️

Meinwr a Harddwr CSS

Meiniwch CSS i leihau maint ffeil neu harddwch CSS wedi'i feinio ar gyfer darllenadwyedd. Ar unwaith, yn eich porwr.

Rhowch gynnig arni

Cwestiynau Cyffredin