Ծրագրավորման գործիքներ

CSS սեղմիչ

Սեղմեք CSS ոճերը՝ հեռացնելով մեկնաբանությունները, ավելորդ բացատները և տողերի անցումները:

Գործարկել գործիքը

CSS սեղմման այս առցանց գործիքը փոքրացնում է ոճերի կոդի ծավալը՝ հեռացնելով ավելորդ տարրերը: Այն ամբողջությամբ ջնջում է բազմատող մեկնաբանությունները և կրճատում է բոլոր ավելորդ բացատները ձևավոր փակագծերի, կետ-ստորակետերի, երկկետերի ու ստորակետերի շուրջ: Միաժամանակ, գործիքը հեռացնում է փակվող ձևավոր փակագծից անմիջապես առաջ դրված կետ-ստորակետը, ինչպես նաև մի քանի հաջորդական բացատները կրճատում է մինչև մեկ բացատ և մաքրում է տեքստի սկզբի ու վերջի դատարկ հատվածները:

Եթե մուտքագրման դաշտը դատարկ է կամ պարունակում է միայն բացատներ, համակարգը վերադարձնում է դատարկ արդյունք՝ զրոյական չափերով ու չի առաջացնում խնդիրներ: Ոճային տեքստ տրամադրելիս ելքային վահանակում անմիջապես ցուցադրվում են սկզբնական նիշերի քանակը, սեղմված տարբերակի երկարությունը, դրանց թվային տարբերությունը և խնայողության տոկոսը՝ կլորացված տասնորդական ճշտությամբ: Գործընթացը կատարվում է տեքստային փոխարինումների միջոցով՝ ապահովելով կոմպակտ և թեթև ոճային կոդ կայքերի համար:

Ստացված սեղմված կոդը կարող եք արագ պատճենել և օգտագործել ձեր նախագծերում՝ կրճատելով ֆայլերի բեռնման ժամանակը վեբ զննարկիչներում:

Հրահանգներ

  1. Տեղադրեք ձեր CSS կոդը մուտքագրման տեքստային դաշտում:
  2. Սեղմեք մշակման կոճակը՝ սեղմումը սկսելու համար:
  3. Դիտեք արդյունքների վահանակում ցուցադրված սեղմված CSS կոդը և վիճակագրությունը:
  4. Պատճենեք ստացված կոմպակտ տեքստը ձեր նախագծում օգտագործելու համար:

Օրինակներ

  • Մուտքագրում՝ `/* Գլխավոր ոճ */ body { color: #333; margin: 0; }` -> Արդյունք՝ `body{color:#333;margin:0}` (խնայողություն՝ 30+ նիշ)
  • Մուտքագրում՝ `.card , .box { padding: 10px 20px ; }` -> Արդյունք՝ `.card,.box{padding:10px 20px}`

ՀՏՀ

Արդյո՞ք գործիքը ջնջում է CSS մեկնաբանությունները:

Այո, գործիքը հեռացնում է բոլոր բազմատող մեկնաբանությունները (/* ... */) CSS կոդից:

Ի՞նչ է տեղի ունենում դատարկ մուտքագրման դեպքում:

Եթե դաշտը դատարկ է կամ ներառում է միայն բացատներ, արդյունքը կլինի դատարկ, իսկ չափերի ու խնայողության ցուցանիշները՝ 0:

Արդյո՞ք հեռացվում է վերջին կետ-ստորակետը բլոկի վերջում:

Այո, գործիքը հեռացնում է փակվող ձևավոր փակագծից (}) անմիջապես առաջ գտնվող ավելորդ կետ-ստորակետը:

Ներդնել այս գործիքը

Ստորև բերված կոդով ձեր կայքում ավելացրեք SmartPlusLab-ի աշխատող գործիքը։